vue生命周期

1、beforeCreate

初始化函数钩子监听(基本用不上)

2、created

创建了实例,只能对实例进行操作

3、compile template

①没模板(template)选项的组件 编译该组件$el挂载元素的innerHtml
②有模板(template)选项的组件 编译模板选项对应的html字符串

4、beforeMount

此时编译完了模板,vm实例也创建了 但此时vm实例没有挂载在template模板或是元素上 无法进行动态渲染 但是能对模板或元素和实例分别进行独立操作

5、mounted

此时vm实例在模板或元素上挂载完成,可进行任何的动态操作 此时vm.$el被创建完成

6、beforeUpdate

挂载mount期间。进行的模板或是vm实例任何更改 都会事先触发这个钩子,可在dom动态更新前进行预处理事项

7、updated

模板动态更新后执行的钩子,可以完成一些更新缮后工作,例如:释放内存,关闭连接等
(......当app.unmount()执行的时候....)

8、beforeUnmount

取消挂载该元素或者模板前执行的钩子函数

9、unmounted

取消挂载后的 钩子 可对之前挂载的元素进行缮后

posted @ 2022-04-13 11:20  Thantics  阅读(50)  评论(0)    收藏  举报