前言
一直想开发一个功能比较强大的项目,但是一直没有动手,最近终于有点时间来折腾它了。由于时隔两年没有接触前端了,所以需要一个小项目先练练手感。等这个项目完工之后在着手搞一个大工程。都说好记星不如烂笔头,现在就将这一个过程记录下来,万一有什么踩坑的地方,也可以提示后来人。
安装
npm install vuex --save
验证
在package.json中查看
"dependencies": {"axios": "^0.21.1","core-js": "^3.6.5","element-ui": "^2.15.5","font-awesome": "^4.7.0","vue": "^2.6.11","vue-router": "^3.2.0","vuex": "^3.6.2"}
使用
import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({state: {routes:[]},mutations:{initRoutes(state,data){state.routes = data;}},actions:{}});
mutations
唯一可以同步改变state的属性
actions
异步改变state的属性
调用
先声明需要调用
使用的地方
有点类似后端的全局变量的使用