vue的生命周期

Posted 2022-06-15 150536fbb

vue生命后期有以下几个：

beforeCreated

created

beforeMounted

mounted

beforeUpdated

updated

beforeDestroyed

destroyed

共以上八个

1.在beforeCreate和created之间，进行数据观测(data observer) ，也就是在这个时候开始监控data中的数据变化了，同时初始化事件

2.

       

created之后会判断有没有 el ,如果没有的话，则停止编译，停止生命周期，直到vm.$mount(el)。

如果有 el 的话，继续执行编译过程。

 

 3.

 

 template参数

1.如果Vue实例对象中有template参数选项，则将其作为模板编译成render函数

2.如果没有template参数选项，则将外部的html作为模板编译（template），也就是说，template参数选项的优先级要比外部的HTML高

3.如果1,2条件都不具备，则报错

如果模板同时放在template参数选项和外部HTML中，则执行的是在template参数选项中的，因为template的优先级高于外部HTML的优先级

过程：

        Vue通过el参数去找到对应的template。然后,根据el参数给出的“选择器”，首先去Vue实例对象本身的template选项参数中找，

如果没有template参数，则到外部HTML中寻找，找到后将模板编译成render函数

 

 在Vue中，数据更改会导致虚拟 DOM 重新渲染，并先后调用beforeUpdate钩子函数和updated钩子函数

 

 

 

 

 

 

 

 

 

 

 

 

 

 

参考：https://www.cnblogs.com/penghuwan/p/7192203.html#_label0