标签：生命周期 methods vue 实列 Vue 转载 data 模板 页面

beforeCreate
vue中的第一个生命周期，在vue实列被完全创建出来之前会执行。
注意：在beforeCreate生命周期函数执行时，data、methods.中的数据都还没有初始化。

craetd
vue的第二个生命周期函数，在created中data、methods 都引进被初始化好了。若要调用methods中的方法或者操作data中的数据，最早只能在created 中执行

beforeMount
表示模板已经在内存中编译完成，但尚未将模板渲染到页面中。
在beforeMount 执行时在页面中元素还没有被真正的替换过来，只是一些之前写的模板字符串。

mounted
表示内存中的模板已经真实的挂载到页面中，用户已近可以看到渲染好的页面
注意：mounted是实列创建期间的最后一个生命周期函数，当执行完mounted之后表示实列已经被完全创建好。此时若没有其他操作，这个实列就静静躺在内存中一动不动。

beforeUpdate
这两个事件会根据data的改变触发0 到无穷次 在beforeUpdate中 表示页面还没有被更新。但data终的数据已经被更新

updated
页面和data 数据已经保持同步，均为最新数据

beforeDestory
运行该钩子函数时，vue 实列已经从运行阶段进行到销毁阶段。实列身上所有的methods、指令、过滤器。。。。都处于可用状态，还没有真正执行销毁过程。

destory
实列被销毁，所有方法指令无法执行。

标签：生命周期,methods,vue,实列,Vue,转载,data,模板,页面
来源： https://www.cnblogs.com/LazyTiming/p/15324048.html

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