vue3

prop
1.单向数据流（自上而下）
event（自定义事件）
任何一个vue实例或者组件都是一个事件派发机
event(自定义事件)
任何一个vue事例或者组件都是一个事件派发机
子向父传值 触发一个自定义事件$emit()函数

ref操作DOM

Vue.component('my-component', {
props: {
propA: Number, //基础的类型检查（null匹配任何类型）
propB: [String, Number], //多个可能的类型
propC: { //必填的字符串
type: String,
required: true
},
propD: {
//带有默认值的数字
type: Number,
default: 100,
},
propE: {
//带有默认值的对象
type: Object,
default: function() {
//对象或数组默认值必须从一个工厂函数获取
return { message: 'hello' }
}
},
propF: { //自定义验证函数
validator: function(value) {
//这个值必须匹配下列字符串中的一个
return ['success', 'warning', 'danger'].indexOf(vaule) !== -1
}

}
}
})

内置组件
全局组件和局部组件 自定义组件
vue提前定义好的组件 内置组件
<component></component>
动画过渡
<transition></transition>
组件缓存
<keep-alive></keep-alive>
插槽（内容分发）
<slot></slot>