vuejsel作用是什么

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

创新互联网站建设提供从项目策划、软件开发，软件安全维护、网站优化(SEO)、网站分析、效果评估等整套的建站服务，主营业务为做网站、成都网站设计，App定制开发以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。创新互联深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

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

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

vue官方API文档中，对el有如下描述：

https://cn.vuejs.org/v2/api/#el

vuejs el作用是什么

el 的作用大家都知道，用于指明 Vue 实例的挂载目标。我们重点关注上面两个红色叹号部分，总结一下就是：如果存在 render 函数或 template 属性，则挂载元素会被 Vue 生成的 DOM 替换；否则，挂载元素所在的 HTML 会被提取出来用作模版

示例1： render 函数渲染的 DOM 替换

new Vue({
  el: '#ppp',
  router,
  store, 
  render: h => h(App)
})

vuejs el作用是什么

示例2：字符串模版替换

new Vue({
  el: '#ppp',
  router,
  components: { App },
  template: ''
})

vuejs el作用是什么

示例3：手动挂载且不存在render函数和template属性

new Vue({
  router,
  store,
}).$mount('#ppp')

vuejs el作用是什么

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

文章名称：vuejsel作用是什么
网页链接：http://scyanting.com/article/jjpoph.html

vuejsel作用是什么

其他资讯