- 父传子
- 父组件中给子组件绑定属性
-
子组件内部通过props选项接收
- 父调用子组件方法和属性,通用使用 ref 标识
defineExpose()
- 默认情况下在<script setup>语法糖下组件内部的属性和方法是不开放给父组件访问的,
- 可以通过defineExpose编译宏指定哪些属性和方法允许访问
- 子传父
- 父组件中给子组件标签通过@绑定事件
- 子组件内部通过 emit 方法触发事件
- 跨层级 provider inject
- 组件状态共享工具: vuex pinia
子组件内部通过props选项接收
defineExpose()