学习vue第三天-生命周期钩子函数

钩子函数都是vue实例在某个时间点会自动执行的函数。

1. 首先创建vue实例，执行beforeCreate和created钩子函数。
2. 然后判断vue实例中的参数是否有el选项，如果没有el则可在最后通过.$mount(el)指定挂载到哪个元素，如果有el再判断是否有template选项，如果没有template则会把el对应标签里的内容编译作为模板，如果有则把template中的内容编译出来并替换el对应标签里的内容。替换的这个过程称为挂载。组件挂载完成之前执行beforeMount，挂载完成后执行mounted。
3. 当vue实例的data属性发生变化时，执行beforeUpdate和updated钩子函数。
4. 当vue实例调用.$destroy()函数时，执行beforeDestroy和destroyed钩子函数。

注意：不能使用箭头函数（this的指向会发生变化 ）