1、普通渲染组件 在app容器中插入login组件 <login></login> 一个app可以多个这种组件
<script>
var login = {
template:'<div>这是登录组件</div>'
}
var vm = new Vue({
el:"#app",
data:{},
methods:{},
components:{
login
}
})
</script>
2、render渲染方法 把app容器替换为 渲染的login组件 一个app只能一个render
<script>
var login = {
template:'<div>这是登录组件</div>'
}
var vm = new Vue({
el:"#app",
data:{},
methods:{},
render:function(creatElements){ //creatElements 是一个方法调用他能够将 指定的组件模板渲染为html结构 把app容器替换为 渲染的login组件
// var html = creatElements(login)
// return html
return creatElements(login)
}
})
</script>