1、实例化vue
2、init进行初始化
3、生命周期的第一个钩子函数 beforeCreate
4、初始化整个活动
5、请求数据 created
6、查看是否拥有el属性 或者
m
o
u
n
t
如
果
有
的
话
就
继
续
向
下
编
译
,
如
果
没
有
e
l
选
项
,
则
停
止
编
译
,
也
就
意
味
着
停
止
了
生
命
周
期
,
直
到
在
该
v
u
e
实
例
上
调
用
v
m
.
mount 如果有的话就继续向下编译,如果没有el选项,则停止编译,也就意味着停止了生命周期,直到在该vue实例上调用vm.
mount如果有的话就继续向下编译,如果没有el选项,则停止编译,也就意味着停止了生命周期,直到在该vue实例上调用vm.mount(el)
7、是否拥有template
8、有template
执行钩子函数beforeMount 此时还未将html生成到页面
9、将编译好的html内容替换el属性指向DOM对象或者选择权
对应的html标签里面的内容
10、执行钩子函数mounted 挂载数据完成 渲染结束
此时可以进行ajax操作等
11、Mounted 实时监测数据的更新
12、数据更新 执行钩子函数 beforeUpdate 更新前执行
13、更新后执行 updated
14、未更新则系统会执行beforeDestroy – destroyed 完成销毁
01-29
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交