辩题:为什么在vue组件开发中必须有根元素?

导言:最近在研究Vue设计,特发此博客在此分享我目前所研究到的并且得到验证的关于标题内容的笔记。

博客目的:1.分享经验,共同进步。2.得到指点,改进知识体系。

答:因为在Vue渲染时,渲染函数必须要依据根(顶层)元素以便创建整个vDOM树。甚至根元素可以是另一个组件(案例:vue-cli——app.vue)!

拓展1:浅析Vue构建HTML
Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。——尤大神
模板(静态),渲染函数(可以用JSX方便书写)(动态)

拓展2:浅析Vue-cli—app.vue
关键字:shell、根实例、热重载
app.vue利用渲染函数返回另外一个组件作为它的根元素构建vDOM,app.vue类似于shell组件,并且做为根实例,由于技术限制,不可以被热重载,为了分离根实例和应用程序组件的关系,注入实体路由(vue-cli默认创建为main.js)在根节点,这样应用程序组件就可以实现热重载。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值