[vue] 一个重要的内置关系 VueComponent.prototype.__proto__ === Vue.prototype

在这里插入图片描述

实例对象的__proto__指向构造函数的原型对象
vue的实例对象(vm)的__proto__指向构造函数(Vue)的原型对象
原型对象也是对象,所以也有__proto__

[js高级] 原型与原型链
在这里插入图片描述

VueComponent的实例对象(vc)的__proto__指向构造函数(VueComponent)的原型对象

在这里插入图片描述
没有上面黄色那条线

在这里插入图片描述
VueComponent的原型对象的__proto__指向了Vue的原型对象
VueComponent.prototype.__proto__ === Vue.prototype
VueCOmponent的原型对象的隐式原型属性就是Vue的原型对象



想要在vc上查找属性x,沿着__proto__链
先在vc上找,没有,在去VueComponent上找,没有,去Vue的原型对象上找,找到了,返回99(如果此时没有找到,去Object的原型对象上继续找,找不到,返回undefined

本来应该是直接去Object的原型上找,但是vue做了这条线后,先去Vue的原型上找找,找不到再去Object的原型上找。
这样vue原型上的东西,不止vm能用,vc也能用





总结:

1.一个重要的内置关系:VueComponent.prototype.__proto__ === Vue.prototype
2.为什么要有这个关系:让组件实例对象(vc)可以访问到 Vue原型上的属性、方法。
组件实例对象(vc)是一个小型的vm ,没有el.data只能是对象式


  • 6
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值