普通渲染组件的方式:
1.以字面量的方式创建组件
var login={
template:'<h1>这是登录组件</h1>'
}
2.在vue实例里面注册组件
var vm=new Vue({
el:'#app',
data:{},
methods:{},
components:{
login
}
})
3.在页面使用
<body>
<login></login>
</body>
这样在页面就可以显示组件的内容了。
用render方法渲染组件
1.创建组件,方法同上
2.注意注册组件时,不一样:
var vm=new Vue({
el:'#app',
data:{},
methods:{},
render:function(createElements){
//createElements是一个方法,调用它,能够把指定的组件模板渲染为HTML结构
return createElements(login)
//注意:这里return的结果,会 替换 el指定的那个容器
}
})