vue中的el和$el有什么区别?挂载的时候发生了什么？

Question

vue中el和$el有什么区别？挂载的时候两者发生了什么？
有看到说挂载的时候将$el的内容挂载到了el，相当于我们在jquery执行了$(el).html($el),生成页面上真正的dom。想知道它们的具体区别

Answer 1

el是Vue实例的挂载目标。在实例挂载之后，元素可以用 vm.$el 访问。挂载阶段还没开始的时候，$el属性是不可见的。Vue生命周期mounted阶段，el被新创建的vm.$el替换,这个时候Vue实例的挂载目标确定， DOM渲染完毕。在这个Vue实例当中，也就可以使用vm.$el访问到el了。具体参考Vue文档API