Vue Vuex介绍与使用

我是表哥Harker，表妹我来咯~

本篇学习 Vuex，Vuex是一种管理机制，可以方便的实现组件之间数据的共享

 

1、回顾之前组件之间共享数据的方式 

• 父向子传值：v-bind 属性绑定 
• 子向父传值：v-on    事件绑定 
• 兄弟组件之间共享数据： EventBus 
  • $on 接收数据的那个组件 
  • $emit 发送数据的那个组件 

 

2、Vuex 是什么 

• Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享
• 没有vuex时候，组件直接数据共享都要传来传去，本来此组件没用到也时常当做传递数据的中间人，这样非常的不好，vuex出现方便了管理，把需要共享的数据放到store中，私有数据不想共享出来就还放到自己组件中

3、使用 Vuex 统一管理状态的好处 

• ① 能够在 vuex 中集中管理共享的数据，易于开发和后期维护 
• ② 能够高效地实现组件之间的数据共享，提高开发效率 
• ③ 存储在 vuex 中的数据都是响应式的，能够实时保持数据与页面的同步
• 一般情况下，只有组件之间共享的数据，