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以阻止该错误继续向上传播.