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>