Vue中如何实现同步与异步存值取值的案例示例？

本文共计1520个文字，预计阅读时间需要7分钟。

1. Vue中组件间传值+1. 父子组件：父组件 -> 子组件，通过子组件的props属性；子组件 -> 父组件，通过自定义事件：this.$emit('事件名', 参数1, 参数2, ...); 2. 非父子组件或兄弟组件

1.vue中各个组件之间传值

1.父子组件

父组件–>子组件，通过子组件的自定义属性：props

子组件–>父组件，通过自定义事件：this.emit(′事件名′,参数1,参数2,...);

2.非父子组件或父子组件通过数据总数Bus，this.root.$emit(‘事件名',参数1,参数2,…)

3.非父子组件或父子组件

更好的方式是在vue中使用vuex

方法1: 用组件之间通讯。这样写很麻烦，并且写着写着，估计自己都不知道这是啥了，很容易写晕。

方法2: 我们定义全局变量。模块a的数据赋值给全局变量x。然后模块b获取x。这样我们就很容易获取到数据

2. Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。