vue 中的数据传递有以下方式：父子组件传递：通过 props 和 events同级组件传递：通过 eventbus 和 store全局数据传递：通过 vuex 和浏览器存储 api路由传递：通过 params、query 和 store
Vue 中的数据传递
在 Vue 中，数据传递可以通过以下几种方式实现：
1. 父子组件传递
- 使用 props：父组件通过 props 将数据传递给子组件，子组件只能读取 props。
- 使用 events：子组件通过在事件处理函数中触发事件，将数据传递给父组件。
2. 同级组件传递
立即学习“前端免费学习笔记（深入）”；
- 使用 eventBus：创建全局事件总线对象，组件可以通过它发布和订阅事件来传递数据。
- 使用 store：Vuex 状态管理库提供了一个集中化的数据存储，组件可以通过 getters 和 actions 读写数据。
3. 全局数据传递
- 使用 Vuex：使用 Vuex 的 state、getters 和 actions 存储和访问全局数据。
- 使用 localStorage/sessionStorage：使用浏览器存储 API 存储和检索数据。
4. 路由传递
- 使用 params 和 query：通过路由参数和查询字符串传递数据。
- 使用 store：将数据存储在状态管理库中，并在不同路由之间共享数据。
实例：
使用 props 传递数据：
<code class="html"><!-- 父组件 -->
<template>
<ChildComponent :message="message" />
</template>
<script>
export default {
data() {
return { message: 'Hello from Parent' }
}
</script></code><code class="html"><!-- 子组件 -->
<template>
<p>{{ message }}</p>
</template>
<script>
export default {
props: ['message']
</script></code> 
