Vue.prototype._init = function(options) {
    // 選項(xiàng)合并
    ...
    {
        // 對(duì)vm實(shí)例進(jìn)行一層代理
        initProxy(vm);
    }
    ...
}

// 代理函數(shù)
var initProxy = function initProxy (vm) {
    //是否支持Proxy
    if (hasProxy) {
        var options = vm.$options;
        //當(dāng)使用類似webpack這樣的打包工具時(shí)，通常會(huì)使用vue-loader插件進(jìn)行模板的編譯，這個(gè)時(shí)候options.render是存在的，并且_withStripped的屬性也會(huì)設(shè)置為true(關(guān)于編譯版本和運(yùn)行時(shí)版本的區(qū)別可以參考后面章節(jié))，所以此時(shí)代理的選項(xiàng)是hasHandler
        //在其他場(chǎng)景下，代理的選項(xiàng)是getHandler
        var handlers = options.render && options.render._withStripped
            ? getHandler
            : hasHandler;
        // 代理vm實(shí)例到vm屬性_renderProxy
        vm._renderProxy = new Proxy(vm, handlers);
    } else {
        vm._renderProxy = vm;
    }
};

var hasProxy =
      typeof Proxy !== 'undefined' && isNative(Proxy);

var hasHandler = {
    // key in obj或者with作用域時(shí)，會(huì)觸發(fā)has的鉤子
    has: function has (target, key) {
        ···
    }
};

Vue.prototype._render = function () {
    ···
    // 調(diào)用vm._renderProxy
    vnode = render.call(vm._renderProxy, vm.$createElement);
}
=========================================
var vm = new Vue({
    el: '#app'     
})
console.log(vm.$options.render)
???????//輸出, 模板渲染使用with語(yǔ)句
? anonymous() {
    with(this){return _c('div',{attrs:{"id":"app"}},[_v(_s(message)+_s(_test))])}
}

var hasHandler = {
    has: function has (target, key) {
        var has = key in target;
        // isAllowed用來(lái)判斷模板上出現(xiàn)的變量是否合法。
        var isAllowed = allowedGlobals(key) ||
            (typeof key === 'string' && key.charAt(0) === '_' && !(key in target.$data));
            // _和$開頭的變量不允許出現(xiàn)在定義的數(shù)據(jù)中，因?yàn)樗莢ue內(nèi)部保留屬性的開頭。
            
        // 1. warnReservedPrefix: 警告不能以$ _開頭的變量
        // 2. warnNonPresent: 警告模板出現(xiàn)的變量在vue實(shí)例中未定義
        //has判斷是否是target對(duì)象中的變量
        if (!has && !isAllowed) {
            if (key in target.$data) { warnReservedPrefix(target, key); }
            else { warnNonPresent(target, key); }
        }
        return has || !isAllowed
    }
};
// 模板中允許出現(xiàn)的非vue實(shí)例定義的變量
var allowedGlobals = makeMap(
    'Infinity,undefined,NaN,isFinite,isNaN,' +
    'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' +
    'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' +
    'require' // for Webpack/Browserify
);

function initData(vm) {
    vm._data = typeof data === 'function' ? getData(data, vm) : data || {}
    if (!isReserved(key)) {
        // 數(shù)據(jù)代理，用戶可直接通過(guò)vm實(shí)例獲取返回data數(shù)據(jù)
        proxy(vm, "_data", key);
    }
}

function isReserved (str) {
    var c = (str + '').charCodeAt(0);
    // 首字符是$, _的字符串
    return c === 0x24 || c === 0x5F
  }

function proxy (target, sourceKey, key) {
    sharedPropertyDefinition.get = function proxyGetter () {
        // 當(dāng)訪問(wèn)this[key]時(shí)，會(huì)代理訪問(wèn)this._data[key]的值
        return this[sourceKey][key]
    };
    sharedPropertyDefinition.set = function proxySetter (val) {
        this[sourceKey][key] = val;
    };
    Object.defineProperty(target, key, sharedPropertyDefinition);
}