vue中el解析
vue官方api文档中,对el有如下描述:
https://cn.vuejs.org/v2/api/#el
el 的作用大家都知道,用于指明vue 实例的挂载目标。我们重点关注上面两个红色叹号部分,总结一下就是:如果存在 render 函数或template 属性,则挂载元素会被 vue 生成的 dom 替换;否则,挂载元素所在的 html 会被提取出来用作模版
示例1: render 函数渲染的 dom 替换
new vue({
el: '#ppp',
router,
store,
render: h => h(app)
})
示例2:字符串模版替换
new vue({
el: '#ppp',
router,
components: { app },
template: ''
})
示例3:手动挂载且不存在render函数和template属性
new vue({
router,
store,
}).$mount('#ppp')
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!!
点击进行留言回复
相关文章:
-
-
-
详解CSS3新增的背景属性
CSS3新增属性:background-clip ,background-origin , background-size,本文给大家分享CSS3新增的背景属性...
[阅读全文]
-
-
-
CSS3 旋转立方体问题详解
这篇文章主要介绍了CSS3 旋转立方体问题详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
Grid 宫格常用布局的实现
这篇文章主要介绍了Grid 宫格常用布局的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
-
-
CSS3实现网站商品展示效果图
这篇文章主要介绍了CSS3实现网站商品展示效果图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习...
[阅读全文]
-
网友评论