vue-cli中使用Vuex

vue-cli中使用Vuex

安装Vuex

npm install vuex --save
cnpm install vuex --save

下载后点击 package.json 查看是否有vuex,如下图所示（有则说明成功了）：

在模块化打包系统中，必须显示的通过Vue.use( ) 来安装Vuex

在main.js中导入

import Vuex from 'vuex'
Vue.use(Vue)

创建仓库store

在项目src文件夹里面新建一个store文件夹，然后在store文件夹中新建一个文件index.js如下图所示：

在文件中引入依赖模块

import Vue from 'vue'
import Vuex from 'vuex'

在vue中使用Vuex

Vue.use(Vuex)

创建仓库(根据实际需求在里面添加自定义属性)

const store = new Vuex.Store({

})

导出

export default store

把仓库注入根实例里面

导入store,如图示：

注入到根实例：