Mc525

摘要： 修改配置文件（核心步骤） 在 Vue2 项目中，为浏览器地址添加项目名（即设置基础路径），需要通过修改配置文件来实现。这样访问项目时，URL 会显示为 http://域名/项目名/... 的形式。以下是具体步骤： 如果是 Vue CLI 3 及以上版本，在项目根目录创建或修改 vue.config. 阅读全文

摘要： Vue2 结合 Webpack 的打包原理可以理解为将多个模块（包括 Vue 组件、JavaScript、CSS、图片等资源）经过一系列处理后，最终合并为浏览器可直接运行的静态文件的过程 1. 入口文件解析 Webpack 以 entry（通常是 main.js）作为打包入口，递归解析所有依赖关系 阅读全文

摘要： const path = require('path') // 使用compression-webpack-plugin插件压缩打包的静态资源，优化项目性能 const CompressionPlugin = require('compression-webpack-plugin') // 需 np 阅读全文

摘要： 在 Vue2 项目中，代理（Proxy）配置是解决开发环境下跨域问题的常用方案。通过配置代理，可以将前端发起的请求转发到目标服务器，避免浏览器的跨域限制。下面详细介绍 Vue2 中代理模式的配置方法和实战应用 一、基本配置方式 Vue2 项目通常使用 vue-cli 构建，代理配置主要在 vue.c 阅读全文

摘要： 在 Vue2 项目中，环境变量用于区分开发、测试、生产等不同环境的配置（如接口地址、密钥等），避免硬编码敏感信息，同时方便不同环境下的配置切换。 文件命名规则： .env：任何环境都加载 .env.[mode]：特定环境加载（mode 可自定义，如 development、production、te 阅读全文

摘要： async/await 是 JavaScript 中处理异步操作的语法糖，基于 Promise 一、基础语法 1. async 函数 用 async 声明的函数会自动返回一个 Promise 对象。 函数内部的 return 值会成为这个 Promise 的 resolve 结果。 async fu 阅读全文

摘要： 在 Vue2 中，axios 与后端进行交互。它支持 Promise API，可拦截请求和响应，转换请求 / 响应数据，并且能在浏览器和 Node.js 环境中使用 安装 axios npm install axios --save 一、封装接口请求 先封装 axios 实例和接口方法，便于统一管理 阅读全文

摘要： Vuex 是 Vue 生态中专门用于管理应用状态（State）的库，适用于中大型 Vue 应用，解决了组件间数据共享和状态管理的复杂性。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 ps：vue2 安装vuex3版本 vue3安装vuex4版本不要混淆 阅读全文

摘要： Vue 2 中通常使用 1、npm install vue-router@3.x 版本（与 Vue 2 适配）来实现路由功能，它能帮助你构建单页应用（SPA），实现不同组件之间的无刷新切换 2、基本路由配置（src/router/index.js） import Vue from 'vue' imp 阅读全文

摘要： 前言 vue2时代即将结束，vue3是不可阻挡的，学习新技术永不终止 ！！！ 对vue2语法有所了解vue3直接可以开发 vue2是双向数据绑定，当数据发生改变影响视图，视图操作也会影响数据变化，是相互的。 1、vue2创建 vue create my-project 选择vue2进行安装,根据提示 阅读全文