200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 云e办前端项目--前端VUE路由之Vuex

云e办前端项目--前端VUE路由之Vuex

时间:2019-02-18 02:00:33

相关推荐

云e办前端项目--前端VUE路由之Vuex

前言

一直想开发一个功能比较强大的项目,但是一直没有动手,最近终于有点时间来折腾它了。由于时隔两年没有接触前端了,所以需要一个小项目先练练手感。等这个项目完工之后在着手搞一个大工程。都说好记星不如烂笔头,现在就将这一个过程记录下来,万一有什么踩坑的地方,也可以提示后来人。

安装

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的属性

调用

先声明需要调用

使用的地方

有点类似后端的全局变量的使用

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。