vue 生命周期

港控/mmm° 2022-04-22 14:30 286阅读 0赞

1/ beforeCreate() 在创建Vue对象之前 ； 用途动画加载

2/ created() 组件（Vue的实例化对象）创建好了，属性也绑定了，但是DOM还没生成；用途获取对应的数据，赋给属性，接下来DOM展示，结束loading加载，开始准备渲染DOM

3/ 检查有没有“el”或者“$mount”，如果没有，那么生命周期就结束了

4/ 检查template有没有组件或者标签，如果没有，那么生命周期就结束了

5/ beforeMount() 操作虚拟DOM,组件挂载前，页面仍未展示，虚拟DOM已配置

6/ mounted() 模板已经编译完了，开始挂载了，这个方法一旦结束，页面就能显示出来了

7/ beforeUpdate() 组件更新之前，页面还未更新，但虚拟DOM已配置

8/ updated() 组件更新后，此方法一旦执行完，页面显示

9/ beforeDestroy() 组件销毁前

10/ destroyed() 组件销毁

最常用的是：
mounted()：发送请求 启动定时器等异步操作
beforeDestroy()：收尾工作，如清除定时器等

发表评论

表情：
评论列表 （有 0 条评论，286人围观）

还没有评论，来说两句吧...

相关阅读

    相关 vue生命周期

    vue官网讲解生命周期 传送门-[添加链接描述][Link 1] beforecreate() 在实例初始化之后，数据观测 (data observer) 和

    清疚清疚/ 0 赞/ 113 阅读

    相关 vue生命周期

    vue生命周期的理解 vue生命周期是指vue实例对象从创建之初到销毁的过程。 vue的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后 vue生

    忘是亡心i忘是亡心i/ 0 赞/ 132 阅读

    相关 vue 生命周期

    1/ beforeCreate() 在创建Vue对象之前 ； 用途动画加载 2/ created() 组件（Vue的实例化对象）创建好了，属性也绑定了，但是DOM还没生成；用

    港控/mmm°港控/mmm°/ 0 赞/ 287 阅读