组件和实例,组件模型

组件和实例,组件模型

组件与实例的关系组件与实例的关系Vue中的每⼀个组件，都是Vue的⼀个实例任何⼀个Vue项⽬，都是由很多个实例组成的组件⾥⾯也可以写methods,也可以写data,也可以写计算属答：vue组件本质就是vue实例。不过它们一点点区别就是：组件的data必须是一个function,非组件data可以是一个对象。另外，组件没有el挂载点这个选项。那为什么

1、组件和实例的区别

组件是可复用的Vue实例；组件实例没有el选项，而通过new创建的Vue实例可以通过el挂载到DOM元素上；Vue实例的data可以是对象或函数，而组件实例要求data只能是函数；回到顶部因为组件Vue实例化过程中，会创建一个Watcher实例，并且在Watcher通过一个函数来控制组件和标签的生成与实现. 第

2、组件实例对象

1. data中定义的属性都是通过组件实例暴露比如在App组件中的配置data,里面定义一个属性name 然后我们通过组件实例来获取到，需要注意不是应用实例2. 其他选项如methods,props,comp三、根实例和组件实例的区别区别一：创建方式不同根实例是由new Vue() 创建的，而组件实例是由Vueponent() 创建的。区别二：作用域不同根实例是整个Vue

3、组件实例是什么

一.创建一个应用实例每一个vue应用都是通过createApp函数创建一个新的应用实例开始的const app = Vue.createApp({ /*选项*/ }) 该应用实例是用来在应用中注利用createApp创建实例时需要传递一个选项表示根组件的配置import{createApp}from'vue'importAppfrom'./App.vue'createApp(App).mount('#app')App就是根组件的

4、组件实例化

当前组件可能存在的父组件实例，如果当前组件是顶层组件，则为null。类型interface ComponentPublicInstance { $parent: ComponentPublicInstance | null } $root # 当前组$children 组件实例拥有属性，可以获取当前组件当中全部子组件[数组形式] $parent组件实例的属性，可以获取到当前子组件的父组件，可以操作父组件的数据和方法混