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

调用

先声明需要调用

使用的地方

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

云e办前端项目--前端VUE路由之Vuex相关推荐

视频教程-德国Vue.js2终极开发教程（含Vue路由和Vuex）-Vue
德国Vue.js2终极开发教程(含Vue路由和Vuex) * Academind GmbH创始人,当前生活在德国慕尼黑 * 从15岁开始进入开发领域,前后端技术均很精通,毕业于慕尼黑大学硕士学位 * ...
德国Vue.js2终极开发教程（含Vue路由和Vuex）-Max-专题视频课程
德国Vue.js2终极开发教程(含Vue路由和Vuex)-808人已学习课程介绍新手入门现代前端开发的不二选择课程目标: * 学会从简单到复杂企业级应用的VueJS程序编写方法 ...
dajngo3,vue3前端项目搭建,vue项目结构的介绍
前端项目搭建查看当前node版本 [dalaojun@localhost django_luichun]$ node -v v14.15.0 查看npm版本 [dalaojun@localhost ...
云e办前端项目--前端VUE路由之prototype
前言一直想开发一个功能比较强大的项目,但是一直没有动手,最近终于有点时间来折腾它了.由于时隔两年没有接触前端了,所以需要一个小项目先练练手感.等这个项目完工之后在着手搞一个大工程.都说好记星不如烂笔 ...
云e办前端项目--前端VUE跨域配置
前言一直想开发一个功能比较强大的项目,但是一直没有动手,最近终于有点时间来折腾它了.由于时隔两年没有接触前端了,所以需要一个小项目先练练手感.等这个项目完工之后在着手搞一个大工程.都说好记星不如烂笔 ...
B站项目-云E办的项目代码(含前端和后端)
云办公的项目代码(含前端和后端) 博主为了学习 Vue 和 SpringBoot 参考网上的项目基于ElementUI组件库搭建了一款适用于在线办公的网站框架,如果有需要资料的同学可以加QQ群交流 Q ...
ios图文详情加载html_前端项目009 Vue 信息分享系统商品列表、详情
頔言頔语:进步,一定要进步,进步是跟收入持平的本钱. 01 商品列表 0101 路由配置和数据请求 0102 上拉加载更多 02 商品详情 0201 详情数据请求和展示 0202 轮播图组件提取 02 ...
云e办前端学习（六）职称管理
前言本系列博客基于B站的云e办管理系统,前端和后端我都自己敲了一遍,这里做一个学习记录.云e办的原始视频链接如下:https://www.bilibili.com/video/BV1Ai4y1P7T ...
云e办前端学习笔记（十一）员工基本资料管理
前言本系列博客基于B站的云e办管理系统,前端和后端我都自己敲了一遍,这里做一个学习记录.云e办的原始视频链接如下:https://www.bilibili.com/video/BV1Ai4y1P7T ...

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

前言

安装

验证

使用

mutations

actions

调用

使用的地方

云e办前端项目--前端VUE路由之Vuex相关推荐

最新文章

热门文章