有没有vue的store模式的demo呢？

Question

有没有vue的store模式的demo呢？
官网的例子看不懂：
https://cn.vuejs.org/v2/guide...

Answer 1

直接看 Vuex、Flux 的 demo 就好了，官网这个例子是为了说明 store 这个核心概念的，实际上并没有完整地实现状态管理。

Answer 2

vue的store模式可以看成是一种在整个项目中共享数据的方案。
具体的实现可以参考vuex的文档：https://vuex.vuejs.org/zh/gui...，里面有例子。

其中重要的组件有三个state，mutation，action。简单总结下：

• state:用来保存状态属性，所有state中对象的变更都要通过mutation

  • 组件中使用state时要使用computer计算属性
  • 多个组件对state中的属性有同一个处理逻辑时，可以使用getter方法。

• mutation:用来修改state中属性的方法的集合

  • 只允许写同步的方法，不允许写异步方法
  • 调用方式:store.commit('increment', {amount: 10})

• action:用来实现异步方法，内容实际是提交了mutation

  • 调用方式:store.dispatch('incrementAsync', {amount: 10})