vuecomponent对象,vue组件component的理解

　　本文主要介绍了Vue与Vue组件的关系，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

　　下面的案例回顾了我们之前学过的原型链的知识点。

　　//定义构造函数

　　函数演示(){

　　this.a=1

　　this.b=2

　　}

　　//创建演示实例对象

　　const d=新演示()

　　console . log(demo . prototype)；//显示原型属性

　　console . log(d . _ _ proto _ _)；//隐式原型属性

　　console . log(demo . prototype===d . _ _ proto _ _)；//真

　　//程序员通过显示prototype属性来操作prototype对象，并追加一个值为99的X属性。

　　Demo.prototype.x=99

　　console . log(“@”)，d.__proto__。x)；

　　根据以下组件分析VueComponent

　　身体

　　div id=root

　　学校/学校

　　/div

　　脚本

　　Vue.config.productionTip=false

　　//定义学校组件

　　const school=Vue.extend({

　　名称：学校，

　　模板：` 1

　　差异

　　H2学校名称：{{name}}/h2

　　H2学校地址：{{address}}/h2

　　/div

　　`,

　　data() {

　　返回{

　　名称：尚硅谷，

　　地址：“北京”

　　}

　　}

　　})

　　//创建Vue

　　新Vue({

　　el:#root ，

　　组件：{

　　学校，

　　}

　　})

　　/脚本

　　/body

　　1.学校组件的本质是一个名为VueComponent的构造器，不是程序员定义的，而是由Vue.extend生成的.

　　2.我们只需要写学校/或者学校/学校。Vue解析的时候会帮助我们创建学校组件的实例对象；也就是说，Vue帮助我们实现了：新的VueComponent(选项)

　　3.特别说明：每次调用Vue.extend都会返回一个全新的VueComponent。

　　4.关于这个指向：

　　在组件配置中：数据函数、方法中的函数、观察中的函数和计算中的函数，它们都是VueComponent的实例对象。

　　在新Vue(选项)的配置中：数据函数、方法中的函数、观察中的函数和计算中的函数，它们都是Vue实例对象。

　　5.VueComponent实例对象，以下简称vc - component实例对象

　　重点

　　一个重要的内置关系：vue component . prototype . _ prototype _===vue . prototype。

　　为什么会有这样的关系：组件实例对象vc可以访问Vue原型上的属性和方法。

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。