码迷,mamicode.com
首页 > 其他好文 > 详细

vue生命周期

时间:2019-01-11 21:15:22      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:style   生命周期   图片   实例   temp   就会   back   字符   语法   

1. vue的实例方法vm.$mount(),   和 new Vue的参数el作用一样。

技术分享图片

2. template:模板,是一个含有dom元素的字符串。它会替换掉el或者mount的挂载元素。

           过程是这样的:

                           1  vue会把这个template字符串解析成为抽象语法树(AST(是一个对象)),

                           2  然后把这个对象传入到render函数中,得到虚拟节点VNode,

                           3 最后才将虚拟dom变成真实dom

 3  new Vue()后,如果存在render函数,就会走render函数,创建dom,不会走template,有template,就会忽视el。

                   三者的权重关系   render >  template  >  el;

4.  vue实例的生命周期:  

              

 

vue生命周期

标签:style   生命周期   图片   实例   temp   就会   back   字符   语法   

原文地址:https://www.cnblogs.com/dangdanghepingping/p/10257163.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!