vue computed的执行问题

Posted fineday

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue computed的执行问题相关的知识,希望对你有一定的参考价值。

  • 1.在new Vue()的时候,vuesrccoreinstanceindex.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()是在beforeCreatecreated之间

      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.所以Propsmethods,datacomputed的初始化都是在beforeCreatedcreated之间完成的。

以上是关于vue computed的执行问题的主要内容,如果未能解决你的问题,请参考以下文章

vue2 中 computed 和 watch 的异同

vue里的渲染以及computed的好处

vue开发computed,watch,method执行的先后顺序

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

vue-learning:16 - js - computed

Vue computed 实现原理