Vue2视频教程系列第二十五节--如何创建store.js

Store.js是什么文件呢，相当于共享库的作用。我们之前在讲非父子关系的时候，曾经创建过一个文件VueEvent.js作为共享库，store.js就如同这个文件的作用。如果当初学习地比较清楚的话，那么这节课也相当简单的。

创建store.js需要以下几个步骤：

1.  在src目录下创建一个vuex的文件夹

2.  在vuex文件夹下创建一个store.js文件

3.  引入vue,vuex,并且使用vuex

4.  在state里定义数据

5.  在mutation里定义方法

6.  暴露vuex实例

PS：如果没有安装Vuex的小伙伴，需要事先安装一下哈。

接下来按照这几个步骤进行操作：

引入引入vue,vuex,并且使用vuex：

import Vue from 'vue'

import Vuex from 'vuex'

Vue.use(Vuex)

创建vuex实例，并定义数据和方法：

const store = new Vuex.Store({

state: {

count: 1

},

mutation: {

increment(state) {

state.count++

}

}

})

暴露实例：

export default store

只有将实例暴露出去，其它组件才可以使用store.js里的数据。

就到这里了，休息休息一会儿吧：）

欢迎关注微信公众号：duzhan99