vue生命周期

Posted dangdanghepingping

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue生命周期相关的知识,希望对你有一定的参考价值。

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生命周期的主要内容,如果未能解决你的问题,请参考以下文章

Vue 啥是生命周期

vue生命周期是啥,有啥作用

vue学习生命周期

vue中的生命周期的个人理解

vue3生命周期及生命周期函数(钩子函数)详解通俗易懂

vue3 生命周期