vue 生命周期的十一中方法详解
-
vue 生命周期的定义
vue实例 从创建到销毁，也就是说从创建 -> 初始化 数据-> 编译模版 -> 挂载Dom -> 渲染 更新 -> 渲染卸载
vue 生命周期的钩子函数有那些
1、 beforeCreated()
创建阶段的第一个生命周期函数，当执行到beforeCreated 钩子函数的时候，当前的vue实例到data数据和methods 方法，都没有初始化完成，因此这个函数对外开放发实际意义不大
2、 Creatd（）
创建阶段的第二个生命周期函数，当执行到created生命周期函数的时候，实例的data数据和methods方法，都已经初始化完毕了，可以正常的访问，在项目中，可以在created生命周期里面发送axios请求后台数据
3、 beforeMount()
创建阶段的第三个生命周期函数，执行到这个生命周期函数的时候，再此时浏览器中的页面方式的假的页面，并不是真正的带有数据的页面
4、 Mounted()
创建阶段的第四个生命周期函数，代表页面已经完成首次渲染，此时已经把页面上的模版解构，替换到内存中，带有真实数据的页面(初始化的代码一定要谢翱Mounted()函数中)
## 5、 beforeUpdate(运行阶段和的生命周期函数)
将要根据最新的data数据，重新解析所有指令，从而重新渲染到浏览器页面中，这时的data中的数据是最新的数据，但是页面依旧是旧的页面
6、 updated(运行阶段的生命周期函数)
此时的页面已经完成了更新，此时的data中的数据和页面都是最新
7、 actived ()
keep-alive 组件激活时调用，该钩子函数在服务器渲染期间不被调用
8、 deactivated （）
keep -alive 组件停用是调用，该钩子函数子在服务器渲染期间不会调用
9、 beforeDestory（）
实例销毁之前调用,实例依然是可以使用的
10、 destroyed ()
Vue实例销毁后调用Vue实例指令的所有东西都会接触绑定,所有事件都会被移除,所有的子实例也会被销毁
11、 errorCaptured()
(2.5.0+ 新增)当捕获一个来自子孙 组件的错误时被调用,有三个参数:错误对象,发生错误的组件实例以及一个包含错误来源信息的字符串.此钩子可以返回false以阻止该错误继续向上传播.