2.Vue初始化数据

1.index.js作为入口文件

import { initMixin } from "./init"    //初始化数据的文件

function Vue(options) { //options是用户的选项
  this._init(options)
}
initMixin(Vue)
export default Vue

2.init文件作为初始化数据的文件

import { initState } from "./state"
// 用于给Vue增加init方法
export function initMixin(Vue) {
  Vue.prototype._init = function (options) { //初始化
    const vm = this
    this.$options = options  // 将用户的选项挂载在实例上

    // 初始化状态
    initState(vm)
  }
}

3.initState文件读取用户在data中的数据

export function initState(vm) {
  const opts = vm.$options  //获取所有的选项
  if (opts.data) {
    initData(vm)
  }
}

function initData(vm) {
  let data = vm.$options.data //data可能是函数或对象
  data = typeof data === 'function' ? data.call(this) : data
  console.log(data);//这里就是读取到的数据
}