学习Vue2--一个重要的内置关系VueComponent.prototype._proto_ = Vue.prototype

171 阅读1分钟

学习Vue2--一个重要的内置关系VueComponent.prototype.proto = Vue.prototype 让组件实例对象可以访问到Vue原型上的属性和方法

一. 原型基础

// 定义一个构造函数
function demo() {
    this.a = 1;
    this.b = 2;
}
// 创建一个demo实例
const d = new demo();
// demo的显示原型属性和由他缔造的d的隐示原型属性都指向一个原型对象
demo.prototype === d.__proto__   // true

二. VueComponent.prototype.proto = Vue.prototype

const school = Vue.extend({
    ......        
});
Vue.prototype === school.prototype.__proto__   // true 

image.png

让组件实例对象可以访问到Vue原型上的属性和方法