Vue 生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。

生命周期: 一个Vue实例,从他被创建到他被销毁的一条生命线

注意: 不要在选项属性或者回调上使用箭头函数,比如 created: () => console.log(this.a) 因为箭头函数没有  this  this  会作为变量向上级作用域查找,直到找到为止 经常导致 Uncaught TypeError: Cannot read property of undefined  或  Uncaught TypeError: this.myMethod is not a function 之类的错误

生命周期图示 

实例生命周期钩子

生命周期钩子,(生命周期钩子函数):

     在 生命周期 的不同时间点,vue 提供了相应的 选项方法 供我们使用,这些方法就叫做生命周期钩子

     - beforeCreate       创建之前      1次

     - created                创建完成      1次
     - beforeMount      挂载之前      1次
     - mounted             挂载完成      1次
     - beforeUpdate     更新之前      n次
     - updated              更新完成      n次
     - beforeDestroy    销毁之前      1次

     - destroyed           销毁完成      1次



版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论

精彩评论
Top

分享: