vue的生命周期是:vue实例从创建到销毁,也就是开始创建、初始化数据、编译模板、挂载Dom->渲染、更新->渲染、卸载等一系列过程。
- beforeCreate() :数据初始化之前,这时候data和methods尚未没有数据。
- created():数据初始化之后被调用,这时候data和methods已经填充了相应的数据,但$el属性目前不可见。
- beforeMount():页面尚未被渲染时使用,也就是Vue的数据没有传到页面,但相关的render函数首次被调用。
- mounted():页面渲染完成后使用,此时页面已完全取出Vue中的数据。
- beforeUpdate():在页面更新渲染完成后,DOM树发生改变之前被调用(界面还没有被更新)
- updated():在页面DOM树改变之后被调用(页面和data数据已经保持同步)
- beforeDestory():在Vue组件销毁之前被调用(vue实例身上所有的方法和数据都处于可用状态,这里适合进行手动移除已添加的事件监听器)
- destoryed在Vue组件销毁之后被调用(组件中的方法与数据已经被完全销毁)