组件的基本使用下
1 props验证
指的是：在封装组件时对外界传递过来的props数据进行合法性的验证，从而防止数据不合法的问题。
使用对象类型的props节点，可以对数据进行校验
2 计算属性
2.1 什么是计算属性（WHAT?)
计算属性本质上就是一个function函数，它可以实时监听data中数据的变化，并return一个计算后的新值，供组件渲染DOM时使用。
2.2 如何声明计算属性
计算属性需要以function函数的形式声明到组件的computed选项中
2.3 计算属性VS方法
计算属性会缓存计算的结果，（如果数据项不变，则会沿用之前的计算结果）性能更好
计算属性-函数（）只能当作数据项，不能当作方法调用
3 自定义事件--事件
3.1 什么是自定义事件
封装组件时，可以让组件的使用者-（父亲）可以监听到组件内状态的变化，此时需要用到组件的自定义事件
3.2 自定义事件的三个使用步骤
（1）声明自定义事件
在emits节点内声明
（2）触发自定义事件
通过 this.$emit(' 自定义事件的名称 ')方法进行触发
（3）监听自定义事件
父亲通过v-on事件绑定的形式监听自定义事件
3.3 自定义事件传参
在调用 this.$emit()方法触发自定义事件时，可以通过第 2 个参数为自定义事件传参
4 组件上的v-model
当须要维护组件内外数据同步时，可以在组件上使用v-model指令
4.1 使用步骤
父------>子同步数据
（1）父组件通过v-biand：属性绑定的形式，把数据传递给子组件
（2）子组件通过props接收父组件传递过来的数据
子------>父同步数据
（1）在v-biand:指令之前添加v-model指令
（2）在子组件中声明emits自定义事件，格式为updata:XX
(3) 调用$emit()触发自定义事件，更新父组件中的数据
