//dist/index.html
//用Vue創(chuàng)造一個實(shí)例
const vm = new Vue({
  data(){
    return {
      name:'i東東',
      age:18
    }
  }
})

//src/index.js
import { initMixin } from "./init";
function Vue(options){
this._init(options)
}
initMixin(Vue) // 擴(kuò)展了init方法 (后面會寫)
export default Vue

export function initMixin(Vue) { //給Vue增加init方法
  Vue.prototype._init = function (options) { //用來初始化數(shù)據(jù) }
}

//src/init.js
import { initState } from "./state"
export function initMixin(Vue) { //給Vue增加init方法
  Vue.prototype._init = function (options) { //用來初始化數(shù)據(jù)
    // 所有以$開頭的都會被認(rèn)為是Vue的屬性，比如$nextTick()
    const vm = this 
    vm.$options = options // 將用戶的屬性掛載到實(shí)例上
    // 初始化狀態(tài)(props,methods,data等進(jìn)行處理)原型中的this值得都是實(shí)例
    initState(vm)
  }
}

//
/src/state.js
export function initState(vm){
    // 對數(shù)據(jù)需要進(jìn)行劫持
    const opts = vm.$options //獲取所有選項
    if (opts.data){
        initData(vm)
    }
}
function initData(vm){
    // 對數(shù)據(jù)進(jìn)行代理
    let data = vm.$options.data
    // data可以是函數(shù)或者對象，根實(shí)例可以是對象，組件data必須勢函數(shù)
    data = typeof data === 'function' ? data.call(vm) : data
    console.log(data); // {name: 'i東東', age: 18}
}