标签：生命周期 实例 钩子 vm vue template 挂载 模板

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

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

标签：生命周期,实例,钩子,vm,vue,template,挂载,模板
来源： https://www.cnblogs.com/Thantics/p/16139408.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。