javascript - Vue组件里的el怎么使用

问题描述

问 题

官方文档里写
el为实例提供挂载元素。并且在组件里需要用function返回
template又会替换掉挂载点，
组件本身又要起一个名字，
起名之后在html中通过自定义标签来挂载组件template，
那el还有什么意义呢？怎么用呢

    var MyComponent = Vue.extend({
    el:function(){
        return:'#myComponent'
    },
    data: function () {
        return { a: 1 }
      }
    })
    <my-component></my-component>

解决方案

如果是SPA，我觉得一般用不到，因为router.start(App,'#app')会自动初始化一个vue实例。

如果不是单页应用，比如和jquery结合的项目，某一部分需要用vue，那么将那部分变成一个vue实例的时候就需要用到el，实例创建的次数也是不限制的

这篇关于javascript - Vue组件里的el怎么使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！