vue：component组件

使用组件三步：

组件是实现局部功能的代码集合和资源集

• 创建组件，分为全局组件和局部组件，组件中data必须写成函数，而不是对象，否则会报错
• 注册组件
• 添加组件标签

组件的好处：复用性好，层次结构清晰
组件命名注意：

• 不能使用标签名
• 大驼峰命名会报错

component组件(vc)理解：

• 本质是一个vc的构造函数，是Vue.extend生成的
• 每一个组件都有一个全新的对应的vc
• 我们只需要配置组件名，vue会帮我们创建组件的实例对象
• this的指向：组件中的data、methods、watch、computed等都指向vc；new Vue()中的this都是指向vue实例对象

vc和vm区别与联系：

• 联系：vc有的功能，vm都有，并且vm中怎么使用，在vc中就怎么使用
• 区别：vm中可以配置一个el根元素，而vc中不能配置，vc中的data必须配置一个函数，而不是一个对象，因为函数是重新返回一个值，而对象会导致引用出现问题

内置对象关系：

• 组件在创建的时候，生成的是组件的原型对象，即：vue.extend()，有原型对象属性prototype，只有在被vue解析到组件标签的时候，才会创建组件的实例对象，即：new VueComponent()，有实例属性对象__prototype__，并且这两个对象是完全相同的，vc的原型对象的会指向vm的原型对象

2021-12-02 11：37