摘要： src/store/index.js 结构如下 import Vue from 'vue'; import Vuex from 'vuex'; import { getToken, setToken, removeToken } from '@/utils/auth'; import user fr 阅读全文

摘要： src/router/index.js 分两步：一部分是静态路由，一分部是动态路由， 404一定放在最后 import Vue from 'vue'; import Router from 'vue-router'; import Layout from '@/layout'; Vue.use(Ro 阅读全文

摘要： src/api/request.js import axios from 'axios'; import { Message, MessageBox } from 'element-ui'; import store from '@/store'; import { getToken } from 阅读全文

摘要： 项目整体框架布局Layout 目录结构 展开结构 index.vue 分为两部分： 左边菜单栏 与 右边主区域 :class = "{name: true,age:false}" true 显示类名，false隐藏类名 <template> <div :class="classObj" class= 阅读全文

摘要： 项目目录结构划分 src/ ├── api/ # 接口请求模块 │ ├── request.js # axios封装 │ ├── user.js # 用户相关接口 │ └── ... ├── assets/ # 静态资源 │ ├── images/ # 图片资源 │ ├── icons/ # 图标资 阅读全文

摘要： 用于跨层级组件通信（避免 props 层层传递），适用于深层嵌套的组件。 1. 父组件提供数据（Provide） <script> export default { provide() { return { appName: '我的应用', // 提供静态数据 user: this.currentU 阅读全文

摘要： computed 有缓存，依赖不变则不重新计算 ，必须依赖其他响应式数据，且返回新值 有数据过滤、排序、格式转换等计算逻辑 <template> <div> <input v-model="searchText" placeholder="搜索名称"> <ul> <li v-for="item in 阅读全文

摘要： Vue2 插槽可分为 默认插槽、具名插槽、作用域插槽 1. 默认插槽（基础用法） 当子组件只需一个 “自定义内容区域” 时，使用默认插槽（无需指定 name） 子组件（Child.vue）：定义插槽 <div class="card-body"> <!-- 插槽的默认内容：父组件未传内容时显示 -- 阅读全文

摘要： 一、MAC 准备工作：安装 Homebrew（若未安装） 打开终端（Terminal），执行以下命令安装 Homebrew： /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/inst 阅读全文

摘要： vue打包部署nginx到 根目录 一、Vue 项目打包 首先确保已将 Vue 项目打包为生产环境文件 # 打包 Vue 项目（生成 dist 目录） npm run build 打包后会生成 dist 目录，包含 index.html 和静态资源（js、css、img 等），这些文件需要部署到 N 阅读全文