zoukankan      html  css  js  c++  java
  • 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之间完成的。

  • 相关阅读:
    xgzc— math 专题训练(一)
    floyd判圈算法
    CF961G Partitions
    luoguP4778 Counting swaps
    AT3913 XOR Tree(巧妙转换+状压dp)
    手动实现aop编程
    代理模式
    spring重点一:处理对象创建时间 个数以及方式
    spring helloword
    spring用来干什么,解决的问题
  • 原文地址:https://www.cnblogs.com/FineDay/p/9614366.html
Copyright © 2011-2022 走看看