课程分类

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的…

Action 类似于 mutation，不同在于： Action 提交的是mutation，而不是直接变更状态。 Action 可以包含任意异步操作。 实例 修改src/store/index.js…

应用层级的状态应该集中到单个 store 对象中。 提交mutation是更改状态的唯一方法，并且这个过程是同步的。 异步逻辑都…

vuex 概述 在 Vue 中，组件之间共享数据的方式有： 父组件向子组件传值：vbind 属性绑定，例如： :data="products" 子组件向…

创建store模块 1、在 store 新建 modules/carts.js 文件，写上 store 的基础格式 js const state = () = ({ count: 10, // 定义 count 属性，默认值…

在 Vuex 中，当你使用模块来组织你的状态管理时，你可以使用 mapState、mapMutations、mapActions 和 mapGetters 这些辅助函数来简化在…

封装 修改/utils/request.js文件 js import axios from "axios"; import { MessageBox, Message } from "elementui"; // 创建axios实例 const service = axios.create({ baseURL: process.env.VUEAPPBASEAPI…

前提工作 搭建一个管理后台(https://clwy.cn/guide/pages/clwyvuev1elementadmin) 封装 axios 拦截器，验证 Token(https://clwy.cn/guide/pages/clwyvuev1interceptors) 登录接口 新建src/api…

前台登录核心代码 将表单中用户名、密码发送到接口，获取到token js async handleSubmit() { let res; try { res = await login(this.user); localStorage.token…

什么是 Cookie？ Cookie是在浏览器端存储数据并以此跟踪和识别用户的机制。从实现上说，Cookie是存储在客户端上…

安装 shell yarn add elementui 引入 Element 在 main.js 中 js import Vue from 'vue' import App from './App.vue' import router from './router' import ElementUI from…

在样式开发过程中，有两个问题比较突出： 全局污染 —— CSS 文件中的选择器是全局生效的，不同文件中的同名选择器，根据 build…

安装 sh yarn add echarts 使用 html template div class="home" div id="main" style="width:100%;height:500px;"/div /div /template script import as…

安装 sh yarn add vuequilleditor 使用 html template div class="home" elform :model="ruleForm" :rules="rules" ref="ruleForm" labelwidth="100px" class="demoruleForm" elformitem label="内容" prop="body" quilleditor…

安装uuid生成文件名 sh yarn add uuid 使用 html template div class="home" elform :model="ruleForm" :rules="rules" ref="ruleForm" labelwidth="100px" class="demoruleForm" elformitem label="图片…

创建项目 vue ui 或 vue create app 安装依赖 sh yarn add elementui axios moment 或 pnpm i elementui axios moment 添加环境变量 新建.env.development文件…

websocket和http的区别： 1、WebSocket是双向通信协议，模拟Socket协议，可以双向发送或接受信息，而HTTP是单向的。 2、WebSocket是需要…

创建项目 shell vue ui 或 vue create app 安装依赖 shell yarn add elementui axios moment 添加环境变量 新建 .env.development 文件 shell VUEAPPBASEAPI=http://localhost:3000 封装…

准备用户模块 1、在 src/router/index.js js import Vue from "vue"; import VueRouter from "vuerouter"; import Layout from "@/views/layout/IndexView"; Vue.use(VueRouter); const…

准备用户组模块 在 src/router/index.js js import Vue from "vue"; import VueRouter from "vuerouter"; import Layout from "@/views/layout/IndexView"; Vue.use(VueRouter); const routes…