目录
本章教程会结合 Vue 前端项目 以及 Vuex官网的知识点来介绍,Vuex在实战项目中到底如何使用?
1、创建 vue-cli 脚手架项目
因为本章教程只是介绍 Vuex 相关的知识点,所以 vue-cli 脚手架创建项目参考自:
https://blog.csdn.net/u010559460/article/details/104709597
2、安装 vuex
安装过程略,安装结果如图:
3.将 store 实例注册到 Vue对象
把 store 对象提供给 “store” 选项,这可以把 store 的实例注入所有的子组件
4. store 实例对象
步骤3 将到需要一个 store 实例对象注册到 Vue的属性。
本步骤将定义一个 全局的 store。
创建 src / store / index.js 文件,内容如图:
5、将 store 分割成模块化(Module)
下图来自官网的模块化介绍: