vue中data,computed,生命周期得先后顺序

最新推荐文章于 2024-07-29 21:06:22 发布

小墨宝

最新推荐文章于 2024-07-29 21:06:22 发布

阅读量4.2k

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/qq_38935512/article/details/112008121

版权

vue 专栏收录该内容

130 篇文章 1 订阅

订阅专栏

本文详细介绍了Vue实例的创建过程中，props、methods、data和computed属性的初始化顺序，这些操作均在beforeCreated和created钩子之间完成。了解这一顺序对于优化Vue应用的性能和理解组件状态的管理至关重要。

摘要由CSDN通过智能技术生成

data,computed,生命周期得先后执行顺序。
原理：new Vue() 初始化init（）

initLifecycle(vm)
  initEvents(vm)
  initRender(vm)
  callHook(vm, 'beforeCreate')
  initInjections(vm) // resolve injections before data/props
  initState(vm) //初始化
  initProvide(vm) // resolve provide after data/props
  callHook(vm, 'created')

initState()

if (opts.props) initProps(vm, opts.props)//初始化Props
if (opts.methods) initMethods(vm, opts.methods)//初始化methods
if (opts.data) {
  initData(vm)} else {
  observe(vm._data = {}, true /* asRootData */)}//初始化data
if (opts.computed) initComputed(vm, opts.computed)//初始化computed

Props，methods,data和computed的初始化都是在beforeCreated和created之间完成的。