分析Vue与VueCompoent的关系
2024-01-13 16:04:37 0 举报
构造函数的显示原型属性:prototype;实例对象的隐式原型属性:__proto__
作者其他创作
大纲/内容
编写组件标签:例如
实例的隐式原型属性永远指向自己缔造者的原型对象
Vue构造函数
new Vue({...})
$mount: function(){...}$watch: function(){....}.....__proto__: __
实例的隐式原型属性永远指向自己缔造者的原型对象(VueComponent的实例对象的缔造者是VueComponent构造函数)
×
绿色:构造函数蓝色:原型对象深绿色:实例对象const d = new Demo()Demo:构造函数d:实例对象Demo.prototype // 构造函数有显示原型属性d.__prototype// 实例对象有隐式原型属性实例的隐式原型属性永远指向自己缔造者的原型对象
xxx:xxx......prototype:____
Container
VueComponent.prototype.__proto__ === Vue.prototype
Vue的实例对象(vm)
config:n{...}component: function(){}........prototype: 值
VueComponent的原型对象
Object原型对象
VueComponent的实例对象(vc)
toString: function(){...}......__proto__: null
Vue的原型对象
VueComponent构造函数
重要!!!
_data: {...}......__proto__: __
_data: {...}.......__proto__: ____
0 条评论
下一页