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

vue的生命周期

时间:2019-08-06 15:40:46      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:事件   ima   remount   href   选项参数   logs   create   行数据   就是   

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

 

vue的生命周期

标签:事件   ima   remount   href   选项参数   logs   create   行数据   就是   

原文地址:https://www.cnblogs.com/150536FBB/p/11309108.html

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