Vue与VueComponent的关系是什么

本篇内容介绍了"Vue与VueComponent的关系是什么"的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

   // 定义一个构造函数        function Demo() {            this.a = 1            this.b = 2        }        //创建一个Demo实例对象        const d = new Demo()        console.log(Demo.prototype); //显示原型属性        console.log(d.__proto__); //隐式原型属性        console.log(Demo.prototype === d.__proto__); //true        //程序员通过显示原型属性操作原型对象，追加一个x属性，值为99        Demo.prototype.x = 99        console.log('@',d.__proto__.x);

根据下面这个组件来分析 VueComponent

1、school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的

2、我们只需要写或,vue解析时会帮我们创建school组件的实例对象；即Vue帮我们执行的：new VueComponent(options)

3、特别注意：每次调用Vue.extend，返回的都是一个全新的VueComponent

4、关于this指向：

• 组件配置中：data函数、methods中的函数、watch中的函数、computed中的函数 它们的this均是 VueComponent实例对象

• new Vue(options)配置中：data函数、methods中的函数、watch中的函数、computed中的函数 它们的this均是 Vue实例对象

5、VueComponent的实例对象，以后简称vc ---- 组件实例对象

重点

• 一个重要的内置关系：VueComponent.prototype._proto_===Vue.prototype

• 为什么要有这个关系：让组件实例对象vc可以访问到Vue原型上的属性、方法

"Vue与VueComponent的关系是什么"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站，小编将为大家输出更多高质量的实用文章！