Vue_02生态篇_001_为什么使用Vuex

Vuex是什么

• 一种状态管理模式
• 集中式存储管理应用的所有组件的状态
• 以相应的规则保证状态以一种可预测的方式发生变化

为什么使用Vuex

Vue数据绑定实现机制

单项数据流实现双向绑定效果

vuex官网提供的计数示例，可清晰展示单向数据流的概念

new Vue({
  // state
  data () {
    return {
      count: 0
    }
  },
  // view
  template: `
    <div>{{ count }}</div>
  `,
  // actions
  methods: {
    increment () {
      this.count++
    }
  }
})

存在的问题

一份数据在多个组件中使用，要实现同步更新，因此需要对数据进行管理

可选的管理方式

1. 父节点统一管理，属性层层传递
2. provide/inject，小型还可
3. vuex，独立提供响应式数据