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