vue-生命周期

1.学习生命周期的原因

(1)beforeCreate  和 createdd 跟data数据有关

(2)beforeMount和mounted    跟el有关  主要用于前端调取后端的接口,进行相关的数据操作(调接口就是进行异步获取数据)或者处理各种组件的应用,例如swiper组件

(3)beforeUpdate和 updated   当数据更改时虚拟DOM发生改变时自动触发,注意,不要在updated期间改变状态,如果想要改变,最好使用计算属性或者watcher

(4)beforeDestory和destroyed  可用于销毁持久的变量,闭包,定时器,内存等   vm.$destroy()手动触发销毁指令的绑定

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 每个vue实例从创建到销毁的过程都是一个生命周期,也会运行对应的钩子函数,下图为Vue生命周期示意图: 1.bef...
    yun_154192阅读 12,665评论 1 7
  • 实例生命周期: beforeCreate:在实例初始化之后,数据观测data observer(props、dat...
    隔壁老王z阅读 37,013评论 0 29
  • Vue框架已日臻成熟,生命周期也算是老生常谈了。网路上也有很多对Vue生命周期的讲解。此处是补充上自己的理解,再次...
    celineWong7阅读 3,158评论 0 2
  • Vue大概分为三大部分 初始化部分 运行/挂载部分 销毁部分 作用 我们可以使用生命周期钩子在Vue对象生命周期的...
    如也_d1c0阅读 111评论 0 0
  • 参照翻译 Understanding Vue.js Lifecycle Hooks 理解组件的生命周期,有利于我们...
    bacbcc94613b阅读 5,091评论 0 6