使用vuex,首先得了解它是用来干什么的?===>实现数据共享的。
第一步:在项目中引入vuex
①在项目目录下,使用npm引入vuex:npm install vuex --save
②在项目的src中创建一个以store命名的文件夹,在store下创建一个以index.js命名的文件
③在index.js文件中创建一个store
import Vue from "vue"
import Vuex from "vuex"
Vue.use(Vuex)
export default new Vuex.Store({
state:{
//要想修改这里面的值,唯一的方法是提交mutations
},
getters:{
//类似computed
},
mutations:{
//类似methods,但不能放异步方法
},
actions:{
//类似methods,可实现异步方法(实际调用了mutations中的方法来实现)
}
})
④在main.js中引入store