白首成约

共同点：都可以给组件提供数据 区别 1、data的数据是自己的--随便改 2、prop的数据是外部的--不能直接改，要遵循单向数据流

思考：组件的prop可以乱传吗？ 作用：为组件的prop指定验证要求i，不符合要求，控制台就会有错误提示---帮助开发者，快速发现错误 类型校验：Number、String、Boolean ...

prop定义： 组件上注册的一些自定义属性 prop作用：向组件传递数据 特点： 1、可以传递任意数量的prop 2、可以传递任意类型的prop

组件通信，就是指组件与组件之间的数据传递 组件的数据是独立的，无法直接访问其他组件的数据 想用其他组件的数据-----组件通信 不同的组件关系和组件通信方案分类 组件关系分类 父子关系 非父子关系

一个组件的data选项必须是一个函数。----保证每个组件实例，维护独立的一份数据对象。每次创建的组件实例，都会新执行一次data函数，得到一个新对象。

组件的样式冲突scoped 默认情况：写在组件中的样式会全局生效--因此很容易造成多个组件之间的样式冲突问题。 全局样式：默认组件中的样式会作用到全局 局部样式：可以给组件加上scoped属性

组件的使用： 两种注册方式： 1、局部注册 2、全局注册 全局组件的使用技巧： 一般都用局部注册，如果发现确实是通用组件，再抽离到全局。

普通组件的注册使用 1、局部注册：只能在注册的组件内使用 A、创建.vue文件（三个组成部分） B、在使用的组件内导入并注册 2、全局注册：所有组件内都能使用

组件化：一个页面可以拆分成一个个组件，每个组件有着自己独立的结构、样式、行为。 好处：便于维护，利于复用--提升开发效率 组件分类：普通组件、根组件 根组件：整个应用最上层的组件，包裹所有普通小组件。