1.render渲染页面
VUE中使用 render 属性可以配置一些覆盖当前VUE组件的html
//js
var log = {
template: '<h1>登录</h1>'
}
var vm = new Vue({
el:'#app',
data:{
},
render: function (creatElements){
return creatElements(log)
}
})
//html
<div id="app">
<p>注册</p>
</div>
上面代码配置了render属性,return参数的过程中也带了我们定义的 log 组件,函数执行后,组件就会被渲染到页面中去。
页面效果如下
2.与components的区别
上面的实例中,使用render
渲染页面,会整个覆盖当前实例的html
节点,而使用components只是会在原页面中加上我们定义的节点。