第17章 前端之全局存储：Vuex=Store
Store用于对数据进行存储，并共享以为所有需要的Vue页面中的调用提供数据及其方法支撑；Vuex是Store的内置引用包，即如果想要前端Vue程序支撑Store必须在新建Vue程序；如果Vue程序没有引用Vuex包则，在Vue程序引用Vuex包。
1 定义src\store\index.js
import {
createStore
} from 'vuex'
export default createStore({
state: {
token: null,//实例化“TokenJwt”字符串。
tokenExpire: null,//实例化“TokenJwt”字符串的过期时间。
},
getters: {},
mutations: {
//通过该方法把“TokenJwt”字符串，进行全局存储。
saveToken: function(state, data) {
state.token = data;
2023-01-05 16:18:32
60.2MB
1
1导入“element-plus：Icon”组件
1.1“element-plus：Icon” 组件导入命令：
npm install @element-plus/icons-vue
1.2“element-plus：Icon” 组件配置：
在“main.js”文件中定义如下配置：
import { createApp } from 'vue'//在vue-cli4（4.5.0版本的脚手架）后取代了：import Vue from 'vue';
//把“element-plus”模板插件【导入】为全局变量：“ElementPlus”。
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn';//ElementPlus 组件内部默认使用英语，使用中文语言。
import 'element-plus/dist/index.css'
//把“element-plus icon”的所有图标【导入】为全局变量：“ElementPlusIconsVue”。
impo
2023-01-05 16:18:31
49.92MB
1
//注意：path属性所对应的字符串不能与“*.vue”文件名相同否则会出现错误。
const routes = [{
path: '/Login',
name: '登录',
component: () => import('../views/LoginView.vue')
},
{
path: '/',
name: 'Admin',
component: () => import('../components/AdminLayoutComponen.vue'),
children: [{
path: '/',//默认启动页，默认加载子路径与父路径相同的情况下会自动加载。
name: '欢迎',
icon: "HomeFilled",
menuId: '1',
component: () => imp
2023-01-05 16:18:30
52.94MB
1
1重构：src\components\AdminLayoutComponen.vue(el-menu刷新保持当前菜单选项)
2023-01-05 16:18:29
58.91MB
1
// 跨域(Cors)策略配置的实质是：把物理上分离的前后端，在逻辑上统合到1个域名下(例如：http://localhost:8080),从而减可能少前端文章后端API因HTTP因跨域(Cors)操作而接生的异常，
//所有当前程序中定义跨域(Cors)配置时，一般情况下就不用使用“CorsMiddleware”中间件了。
2023-01-05 16:18:28
62MB
1
这是一套个人在线销售卡密类的网站程序，特别适合销售点卡之类的朋友运营，安装地址 域名/install，后台账号admin密码123456
2023-01-04 19:19:13
10.38MB
本工具生成的截图，仅可用于个人应付各类强制要求转发朋友圈的情形，请勿批量生成截图或将截图用于造谣诽谤、宣传等非法或令人反感的用途
2023-01-04 19:19:12
62KB
keepa插件为用户提供亚马逊商品价格追踪功能，可以在软件上自动监控各种商品的降价信息，从而发送消息给用户，让用户可以第一时间了解到哪些商品降价，从而在适合的价格购买商品，软件操作还是很简单的，直接在浏览器上读取亚马逊商品列表，用户导入商品列表就可以开始执行监控，每种商品的价格信息都可以在软件上查看，可以显示最近促销的商品，可以显示降价的百分比，可以显示促销排行榜，可以显示价格历史图表，可以发送降价及可购买提醒，体积小可以直接安装
2023-01-04 14:20:31
64KB
实体分页主要是把持久化在数据指定表中的一段数据存储到内存中，在程序实践中，一般情况实体分页只用于当前程序与表之间的数据交互操作，本身并不直接向前端页面的渲染显示提供数据，而是简接的把数据赋值到模型分页实例，然后再有模型分页实例直接向前端页面的渲染显示提供数据，因此又称实体分页为“逻辑分页”。
2023-01-02 19:18:22
19.21MB
1
// 跨域(Cors)策略配置的实质是：把物理上分离的前后端，在逻辑上统合到1个域名下(例如：http://localhost:8080),从而减可能少前端文章后端API因HTTP因跨域(Cors)操作而接生的异常，
//所有当前程序中定义跨域(Cors)配置时，一般情况下就不用使用“CorsMiddleware”中间件了。
2023-01-02 19:18:21
19.22MB
1
模型分页主要通过前端页面中的分页控件，向后端指定路由(控制器行为方法)，传递相等的参数，然后间接的通过后端程序从数据库指定表中获取一些指定行的数据，然后把这些数据在前端页面渲染显示出来。模型分页的主要用于前端页面与后端程序之间的直接的数据交互操作，并且模型分页的实例数据最终需要在前端页面上进渲染显示的，因此又称模型分页为：物理分页，与之相对应的是：逻辑分页，这将在下面的章节中进行讲解。
不管理是“物理分页”还是“逻辑分页”，二者都是，只把当前页面渲染显示所必须的数据，通过当前程序间接的从数据库的指定表中取出并存储到内存中，这种操作的好处是尽量减少资源开锁，特别是内存的开销。
2022-12-29 09:20:37
18.15MB
1
20个精美的中国风ppt模板，中小学生安全教育，中纹之美中国风模板，中纹之美远山遮不断演示，中纹之美通用PPT，中纹之美红色通用模板，中纹之美国风龙纹彩印PPT模板，中纹之美刺绣模板，中式小清新通用模板，中式花纹暗八仙介绍，中国珍稀动物图鉴！，中国烟雾情境PPT模板，中国山水水墨简约，中国古典名句增广贤文全集带注释，中国风学习汇报PPT模板，中国风通用演示文档，中国风通用模板，中国风通用PPT模板，中国风素雅PPT模板，中国风水墨诗词模板
2022-12-27 18:20:22
149.31MB
1
超唯美古风黑色主题课件ppt，适合商务聚会以及活动聚会等场景的使用，模板多，一共十几页
2022-12-27 09:21:08
10.03MB