Vuex 入门及详解

image-20191128164619856.png

• 在组件中 commit 调用 mutation

• 在 mutation 中修改 state 状态

  • 只有 mutation 中修改 state 才会反应到调试工具中

  • 注意：不要在 mutation 中执行异步操作修改 state

• state 状态发生改变，视图更新

异步操作

• 在组件中使用 dispatch 调用 action 函数

• 在 action 函数中执行异步操作

• action 函数中异步操作执行结束，提交 mutation

  • 注意：也不要在 action 中直接修改 state，调试工具工作有问题

• 在 mutation 中修改 state

  • 注意：也不要在 mutation 中执行异步操作修改 state，调试工具工作有问题

  • 只有 mutation 中修改 state 才能反应到调试工具中

• state 数据发生改变，视图更新