Vue组件之间的传值汇总

组件之间的传值

1、父传子 props

2、父传子 slot

3、父传子 不建议用 attrs

4、 子传父 ref

5、子传父 emit

6、povide/inject只能在setup的时候用。

7、利用vuex和pinia去实现数据的交互

1、实现代码App.vue

2、TestProps.vue

3、TestAttrs.vue

4、TestSlot.vue

5、TestRef.vue

6、TestEmit.vue

7、TestProvideInject.vue

8、终极方法vuex和pinia

参考

Vue组件之间数据通信12种方式_vue组件间通信_小胖梅前端的博客-CSDN博客

vue组件间通信的六种方式（完整版）_vue的组件之间是如何交互的, 几种方式_学编程的ADD的博客-CSDN博客