import Vue from 'vue'
import Vuex from 'vuex'
import axaios from 'axios'
import createPersistedState from "vuex-persistedstate" //将数据持久化, 此方法就是将store中的数据存到stroge中,以此来持久化
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
info:{},
},
getters:{
getInfo:state => state.info
}
mutations:{
setInfo(state,info){
state.info = info
}
},
},
action:{
getInfoFun(context,info){
const info = axaios.get('/a/b')
context.commit('setInfo', info)
return info
}
},
plugins: [createPersistedState()] //这个方法是执行持久化。
})
==================组件中引用=================
this.$store.dispatch('getInfoFun') //引用
this.$store.getters.getInfo()
==================组件中引用=================
==================main.js定义=================
import router from './router'
import store from './store';
Vue.use(store) //这可能是一种方法
new Vue({
el: ‘#app‘,
router, // 注册路由
store, // 注册store
components: {APP},
template: <App/>
})
==================main.js定义=================
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义