开发者社区> 问答> 正文

vue生命周期总共有几个阶段?

[vue] vue生命周期总共有几个阶段?

展开
收起
游客7iokfgo4yexey 2020-05-23 15:49:40 2215 0
1 条回答
写回答
取消 提交回答
  • beforeCreate:在 new 一个 vue 实例后,只有一些默认的生命周期钩子和默认事件,其他的东西都还没创建。 created:data和methods都已经被初始化好了。(如果要调用methods中的方法,或者操作data中的数据,最早可以在这个阶段中操作) beforeMount:在内存中已经编译好了模板了,但是还没有挂载到页面中,此时,页面还是旧的。 mounted:Vue实例已经初始化完成了。此时组件脱离了创建阶段,进入到了运行阶段(如果我们想要通过插件操作页面上的DOM 节点,最早可以在和这个阶段中进行) beforeUpdate:页面中的显示的数据还是旧的,data中的数据是更新后的, 页面还没有和最新的数据保持同步。 updated:页面显示的数据和data中的数据已经保持同步了,都是最新的。 beforeDestroy:Vue实例从运行阶段进入到了销毁阶段,这个时候上所有的data和methods,指令,过滤器……都是处于可用状态。还没有真正被销毁。 destroyed:这个时候上所有的 data 和 methods,指令, 过滤器 ……都是处于不可用状态。组件已经被销毁了。 问题来源于GitHub,查看更多答案,请查看https://github.com/haizlin/fe-interview/issues/310

    2020-05-24 22:32:34
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载