SeaJson

摘要： 1、创建 Vue2 项目 cd 项目名称 # 例如：cd my-vue2-project npm run serve # 启动开发服务器 2、项目目录结构（核心文件） my-vue2-project/ ├── public/ # 静态资源（不会被 Webpack 处理） ├── src/ │ ├── 阅读全文

摘要： src/api.js import request from '@/utils/request' export function login(data) { return request({ url: '/vue-admin-template/user/login', method: 'post', 阅读全文

摘要： vue.config.js const path = require('path'); const webpack = require('webpack'); const CompressionPlugin = require('compression-webpack-plugin'); const 阅读全文

摘要： main.js import Vue from 'vue'; import App from './App.vue'; import router from './router'; import store from './store'; import './plugins'; import './ 阅读全文

摘要： 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 阅读全文