架构搭建在项目时候我们在src下新建了一个叫store的文件夹,这个文件夹就是为vuex准备的,首先在下面新建三个js文件,命名分别是:index.js、action.js、mutations.js
index.js里面的代码如下:
- import Vue from 'vue'
- import Vuex from 'vuex'
- import mutations from './mutations'
- import action from './action';
- Vue.use(Vuex)
- const state = {
- username:'', //登录用户名
- cartCount:0 //购物车商品数量
- }
- export default new Vuex.Store({
- state,
- mutations,
- action
- });
- //商品Vuex-actions
- export default {
- }


随后打开浏览器里面的vue-devtools去查看写vuex是否搭建成功,下面是搭建成功的图:
