1.reactive
只能声明复杂类型变量
2.ref
可以声明简单类型和复杂类型 setup中访问时要有.value
3.toRefs
...toRefs(obj)
解构对象
4.computed
多在全选凡选中使用
const 计算属性 = computed()
参数为
函数
()=>{return}
或
对象
{
get() {return}
set() {}
}
5.watch
watch() 在本地存储中有使用场景
三个参数
观察对象: 变量 || ()=>变量 || [变量,变量]
回调函数:()=>{}
对象:{deep:true,immediate:true}
6.setup函数
两个参数:
1.props
2.{父传子的参数,父传子的dom元素,emit}
组件通信
父子通信
父传子 正常传
子传父
1.通过第二个参数中的emit('事件名',参数)来传递
2.setup外emits:['事件名']
跨多级组建通信(依赖注入)
提供依赖 provide('person',person)
注入依赖 const person = inject('person')
响应式的 两变都可以修改
