通过做过的项目，目前学到几种组件之间的传值方法，留个笔记，才发现，其实不管是组件之间，还是父子组件之间，传值方法挺多的呢。

（1）模板引用 + defineExpose

官网简介：模板引用 | Vue.js (vuejs.org)

官网介绍很详细，这里就不添累赘了。

（2）emit

官网介绍：<script setup> | Vue.js (vuejs.org)

（3）provide 和 inject

官网介绍：依赖注入 | Vue.js (vuejs.org)

（4）mitt

介绍：Vue3.x 推荐使用 mitt.js - 掘金 (juejin.cn)

（5）v-model

实例：vue v-model在父子组件之间的运用-CSDN博客

（6）Storage

实例：

const APP_DARK_MODE_KEY= '__APP__DARK__MODE__';

存值：localStorage.setItem(APP_DARK_MODE_KEY, mode);

取值：window.localStorage.getItem(APP_DARK_MODE_KEY);

具体什么时候用，用哪种，根据具体情况而定。