vue生命周期小结

业务逻辑处理时机

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

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

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