Vue生命周期

2020-04-19  本文已影响0人  砂壶

beforeCreate 和 created

beforeCreate 和 created 的钩子调用是在 initState 的前后,initState 的作用是初始化 props、data、methods、watch、computed 等属性。beforeCreate不能使用data的值,created可以使用data,但不能访问DOM。

beforeMount 和 mounted

beforeMount 是发生在 DOM 挂载之前,不能访问DOM。
mounted 钩子函数的执行顺序是先子后父。

beforeUpdate 和 updated

data被修改,执行beforeUpdate,虚拟DOM重新渲染并应用更新后,执行updated

beforeDestroy 和 destroyed

调用vm.$destroy(),执行beforeDestroy,解除绑定销毁子组件以及事件监听器,销毁完毕后执行destroyed

参考资料:
https://ustbhuangyi.github.io/vue-analysis/v2/components/lifecycle.html#beforecreate-created
https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA

上一篇 下一篇

猜你喜欢

热点阅读