SeaJson

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

摘要： 修改配置文件（核心步骤） 在 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 阅读全文