【Vue】Vue中的computed是在生命周期的哪个阶段执行的？

是在mounted之前吗？

回答

  • 1.在new Vue（）的时候，vue\src\core\instance\index.js里面的_init()初始化各个功能

    function Vue (options) {
    if (process.env.NODE_ENV !== 'production' &&
      !(this instanceof Vue)
    ) {
      warn('Vue is a constructor and should be called with the `new` keyword')
    }
    this._init(options) //初始化各个功能
    }

  • 2.在_init()中有这样的一个执行顺序：其中initState()是在beforeCreate和created之间

      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')

  • 3.在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

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

计算属性和普通的data里面都是在同一个周期执行的。因为在created里面可以操作data属性，所以computed 也是在created之前执行完成的。

【Vue】Vue中的computed是在生命周期的哪个阶段执行的？

详细可以看官方API，传送门: (vue)[https://cn.vuejs.org/v2/api/#选项-生命周期钩子]

记住:计算属性也是属性。不能传参数。

computed在vue1的时候就相当于ready，就是在dom加载后马上执行的,其实就是在mounted的时候阶段执行。这个是一个计算属性，触发的时候不需要条件

以上是 【Vue】Vue中的computed是在生命周期的哪个阶段执行的？ 的全部内容， 来源链接： utcz.com/a/72156.html

回到顶部