vue学习之——生命周期

从vue实例创建、运行、直到销毁，所有发生的事件，称为生命周期事件，也叫生命周期钩子。

======================

创建期间生命周期函数为：

beforeCreate/created

beforeMount/mounted

======================

运行期间生命周期函数为：

beforeUpdate/updated

======================

销毁期间生命周期函数为：

beforeDestroy/destroyed

 

----beforeCreate

 初始化一个空的vue实例对象，此时vue对象里只有默认的生命周期函数和一些默认事件

data() {...}  以及methods:{...}  里面的数据都还没有初始化，不能调用

----created

data() {...}  以及methods:{...}  里面的数据都已经初始化完毕，可以调用数据和函数了---------最早可以调用方法和数据的生命周期钩子

----beforeMount

 虚拟DOM已经在内存中编译完毕，但是还未挂载到页面中去

----mounted

 将虚拟DOM真实的替换到浏览器的页面中，渲染完毕，可以获取到页面中的元素了

至此，vue对象创建完毕！！

----beforeUpdate

 data() {...}中的数据改变，但是视图还未更新

----updated

 data() {...}中的数据改变，视图也更新了

----beforeDestroy

 vue实例从运行阶段进入了销毁阶段，还未真正执行销毁过程，所有数据和方法都可以调用

----destroyed

 真正销毁了实例，所有方法和数据皆不可调用！