vuejs el作用是什么

本篇文章给大家分享的是有关vuejs el作用是什么，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

在vuejs中，el的作用为：指明Vue实例的挂载目标，会提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标；在实例挂载之后，元素可以使用"vm.$el"访问。

本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。

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')

以上就是vuejs el作用是什么，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。