首先在uniapp官网已经内置了vuex,我们只要引用即可,uniapp-vuex说明
1、分别创建根路径下store文件夹,里面放置index.js,并在store文件夹里在创建一个modules文件夹,内部放置moduleB.js和user.js文件
index.js文件
import Vue from 'vue'
import Vuex from 'vuex'
// 导入模块
import user from '@/store/modules/user'
import moduleB from '@/store/modules/moduleB'
Vue.use(Vuex)
// 这种方式到处数据不用加 {}
export default new Vuex.Store({
modules:{
user,
moduleB
}
})
user.js文件
const state = {
username: '我是来自模块user的用户名'
}
const getters = {
GET_USERNAME(state){
return state.username
}
}
const mutations = {
// 测试store, 重置用户名
SET_USERNAME(state, username){
state.username = username
// 放入缓存
uni.setStorageSync('username', username)
}
}
const actions = {
}
export default {
namespaced: true,
state,
getters,
mutations,
actions
}
moduleB.js文件
const state = {
text:"模块B的text",
test:"模块B的test",
timestamp: 1608820295//初始时间戳
}
const getters = {
// 测试
timeString<