美文网首页
vue生命周期小结

vue生命周期小结

作者: 8d2855a6c5d0 | 来源:发表于2017-09-06 16:39 被阅读0次

业务逻辑处理时机

  • created:异步的数据获取、初始化
  • mounted:挂载元素内dom节点的获取,初始数据的渲染
  • nextTick:更新数据后立即操作DOM
  • updated:任何数据的更新,如果要做同一的业务逻辑处理。
  • watch:监听具体数据变化,并做出相应的处理

总结:created阶段可以获取到vue的data和methods,可以在这个阶段获取异步数据。
mounted阶段dom才渲染完毕,适合初始的数据渲染。updated阶段,所有的数据更新都会触发updated,适合做数据的同一处理。数具体据更新后如果要操作DOM,使用vue.nextTick(),检测具体的数据可以使用watch。

相关文章

  • vue生命周期

    一 vue生命周期 Vue的生命周期:就是vue实例从创建到销毁的全过程 二 vue生命周期钩子 vue生命周期...

  • vue生命周期

    vue生命周期详: vue生命周期详解图: vue生命周期详解代码展示:

  • Vue生命周期

    Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...

  • vue生命周期小结

    业务逻辑处理时机 created:异步的数据获取、初始化 mounted:挂载元素内dom节点的获取,初始数据的渲...

  • Vue生命周期小结

    Vue框架已日臻成熟,生命周期也算是老生常谈了。网路上也有很多对Vue生命周期的讲解。此处是补充上自己的理解,再次...

  • vue3较vue2的特别之处 - 生命周期

    vue2 生命周期 vue3 生命周期 将 Vue2 的生命周期钩子代码更新到 Vue3 参考地址:https:/...

  • 前端之路-VUE面试题

    vue生命周期面试题vue 生命周期是什么? Vue 实例从创建到销毁的过程,就是生命周期 beforeCreat...

  • Vue.js入门(二):生命周期

    1 生命周期 Vue生命周期是Vue实例从创建到销毁的过程,就是生命周期。在Vue实例的生命周期过程中会运行生命周...

  • vue生命周期

    vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么?...

  • Vue 生命周期

    vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么?...

网友评论

      本文标题:vue生命周期小结

      本文链接:https://www.haomeiwen.com/subject/ocnsdxtx.html