Vuex的相关知识
什么是vuex
vuex是专门为vue项目开发的一个状态管理工具。所谓状态,可以简单理解成变量。管理就是存储。素以vuex可以理解成一个大仓库,存放我们的变量。
为什么要使用vuex
比如说,我有个状态(变量),很多组件都要用到它,这时,我们就需要一个大仓库,放一些很多组件都要共享的变量。这就是我们vuex的作用:存放共享的状态,让所有的组件都能使用到它。等等,单单是这个我觉得这个也是很好封装的对吧,我可以给Vue的原型添加一个storeObj把这些变量放在这个对象中:
let storeObj={}; storeObj.a="a"; Vue.prototype.storeObj = storeObj; ....
哪些状态需要放在vuex中
- 用户的登录状态,多个组件多个页面都会用到它。
- 购物车中的信息等等
使用vuex
第一步,下载vuex
npm install vuex --save
第二步,配置vuex
import vuex from "vuex" import Vue from "vue" Vue.use(vuex);
第三步,创建仓库
new vuex({}) let store = new vuex.Store({}); export default store;
第四步,将仓库挂载到根实例上
import store from "./store" new Vue({ store } })
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了