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
网友评论