import App from './app.vue' const root = document.createElement('div'); document.body.appendChild(root);
第一种方式($createElement):
//写法三:
const rootVue = new Vue(
{
router: vueRouter,
render: function () {
// return this.$createElement('p', 'hi');
const h = this.$createElement; //h是一个函数类型变量
return h(App);
}
}
).$mount(root)
第二种方式:
new Vue(
{
//createElementFunction 是一个函数类型变量
render: function (createElementFunction) {
return createElementFunction(App);
}
}
).$mount(root)
第三种写法:
new Vue(
{ //es6语法之箭头函数
render: (h) => h(App)
}
).$mount(root)
市面上的主流框架,相信作为一个前端搬砖人员,或多或少都会有所接触到。如ReactJs、VueJs、AngularJs。那么对于每个框架的使用来说其实是比较简单的,还记得上大学时候,老师曾经说过:技术就是窗户纸,捅一捅就破了
因为最近接手维护一个基于 ivew 的项目, 新增模块中包含很多自定义功能, 所以大量使用到了 render 函数; 故对其做一下总结...关于 render 函数, 官方文档也做了比较详细的介绍
v-model的本质是通过绑定组件的value和input(绝大多数)来实现双向绑定,拆开来是组件的value绑定父组件的data数据,当data数据改变时,组件的value因为被绑定了,所以data的变化会触发value的变化,换个方向
我们知道 Vue 模板是非常强大的,基本可以完成我们日常开发的所有任务。但是,有一些用例,如基于输入或插槽值创建动态组件方式,render 函数会比模板完成的更好也更出色。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!