博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue的生命周期
阅读量:4326 次
发布时间:2019-06-06

本文共 740 字,大约阅读时间需要 2 分钟。

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/150536FBB/p/11309108.html

你可能感兴趣的文章
Ruby数组的操作
查看>>
hdu1181暴搜
查看>>
解码字符串 Decode String
查看>>
json学习笔记
查看>>
工具:linux 性能监控工具-nmon
查看>>
fatal error C1853
查看>>
Ural 1001 - Reverse Root
查看>>
玩转webpack之webpack的entry output
查看>>
java 操作mongodb查询条件的常用设置
查看>>
黑马程序员_java基础笔记(02)...java语言基础组成
查看>>
对innodb 拷贝文件实现数据库的方式(转)
查看>>
python知识点 2014-07-09
查看>>
FloatingActionButton的一点学习感悟
查看>>
ABAP CDS ON HANA-(10)項目結合して一つ項目として表示
查看>>
网站地址信息
查看>>
产品经理 - 登录 注册
查看>>
阶段3 2.Spring_01.Spring框架简介_03.spring概述
查看>>
阶段3 2.Spring_02.程序间耦合_1 编写jdbc的工程代码用于分析程序的耦合
查看>>
阶段3 2.Spring_01.Spring框架简介_04.spring发展历程
查看>>
阶段3 2.Spring_02.程序间耦合_3 程序的耦合和解耦的思路分析1
查看>>