上一页 1 2 3 4 5 6 ··· 12 下一页

2025年9月30日

vue2 换肤(六)

摘要: 方案一:CSS 变量 + 动态类名(推荐) 利用 CSS 变量的动态特性,通过切换根元素类名来修改变量值,实现换肤。 styles/theme.css 定义好主题颜色 /* 默认主题 */ :root { --primary-color: #42b983; /* Vue 绿 */ --bg-colo 阅读全文

posted @ 2025-09-30 17:47 Mc525 阅读(23) 评论(0) 推荐(0)

2025年9月28日

vue2 项目实例 国际化(五)

摘要: 1. 安装依赖 首先安装适合 Vue2 的 vue-i18n 版本(注意:Vue2 需使用 vue-i18n@8.x,Vue3 则用 vue-i18n@9+) npm install vue-i18n@8 --save # 或 yarn add vue-i18n@8 2. 配置国际化文件 在项目中创 阅读全文

posted @ 2025-09-28 16:25 Mc525 阅读(95) 评论(0) 推荐(0)

2025年9月23日

vue2 项目实例 动态路由菜单(四)

摘要: 动态路由涉及到 router、 store、 beforeEach、 permission权限 1、触发登录事件 Login.vue 监听路由变化,下次登录重定向上次页面 watch: { $route: { handler: function(route) { this.redirect = ro 阅读全文

posted @ 2025-09-23 11:51 Mc525 阅读(36) 评论(0) 推荐(0)

2025年9月19日

vue2 项目实例 Mock数据模拟(三)

摘要: 在 Vue 2 项目中,Mock.js 可以帮你快速模拟后端接口数据,支持两种主要方式: 方式一:前端拦截(不会产生真实网络请求) 方式二:通过 devServer.before(会产生真实请求,网络面板可见) 方式一:前端拦截(简单快速) 1. 安装依赖 npm install mockjs ax 阅读全文

posted @ 2025-09-19 16:47 Mc525 阅读(44) 评论(0) 推荐(0)

vue2 项目实例 Layout布局(二)

摘要: 本布局是按照vue-admin-template 搭建流程即可或其它后台框架搭建,实际根据需求改动 https://panjiachen.github.io/vue-element-admin-site/zh/guide/ 1、使用Scss 安装scss 后续在页面使用 npm i node-sas 阅读全文

posted @ 2025-09-19 15:43 Mc525 阅读(21) 评论(0) 推荐(0)

2025年9月17日

vue2 项目实例 项目初始化(一)

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

posted @ 2025-09-17 17:45 Mc525 阅读(134) 评论(0) 推荐(0)

vue2 项目架构--api.js(七)

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

posted @ 2025-09-17 15:24 Mc525 阅读(8) 评论(0) 推荐(0)

vue2 项目架构--vue.config.js(七)

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

posted @ 2025-09-17 15:15 Mc525 阅读(16) 评论(0) 推荐(0)

vue2 项目架构--main.js(六)

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

posted @ 2025-09-17 15:11 Mc525 阅读(21) 评论(0) 推荐(0)

vue2 项目架构--store(五)

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

posted @ 2025-09-17 14:32 Mc525 阅读(18) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 ··· 12 下一页

导航