码迷,mamicode.com
首页 > 其他好文 > 详细

new Vue()做了什么?

时间:2020-02-13 14:50:10      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:this   one   ati   访问   data   ons   product   child   call   

Vue.prototype._init = function (options?: Object) {
    // a flag to avoid this being observed
    vm._isVue = true
    // merge options
    if (options && options._isComponent) {
      // optimize internal component instantiation
      // since dynamic options merging is pretty slow, and none of the
      // internal component options needs special treatment.
      initInternalComponent(vm, options)
    } else {
      vm.$options = mergeOptions(
        resolveConstructorOptions(vm.constructor),
        options || {},
        vm
      )
    }
    /* istanbul ignore else */
    if (process.env.NODE_ENV !== 'production') {
      initProxy(vm)
    } else {
      vm._renderProxy = vm
    }
    // expose real self
    vm._self = vm
    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')
    if (vm.$options.el) {
      vm.$mount(vm.$options.el)
    }
  }
  1. initProxy,作用域代理,拦截组件内访问其它组件的数据。
  2. initLifecycle建立父子组件关系,在当前实例上添加一些属性和生命周期标识。如:$children$refs_isMounted 等。
  3. initEvents 用来存放除 @hook:生命周期钩子名称="绑定的函数"事件的对象。如:$on$emit 等。
  4. initRender 用于初始化$slots$attrs$listeners
  5. initInjections初始化 inject ,一般用于更深层次的组件通信,相当于加强版子组件的 props 。用于组件库开发较多。
  6. initState 是很多选项初始化的汇总,包括: props 、methods 、data 、computedwatch 等。
  7. initProvide 初始化 provide
  8. vm.$mount挂载实例。

new Vue()做了什么?

标签:this   one   ati   访问   data   ons   product   child   call   

原文地址:https://www.cnblogs.com/smzd/p/12303306.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!