使用CRXjs、Vite、Vue 开发 Chrome 多页面插件，手动配置 vite.config.ts 和 manifest.json 文件
一、使用CRXjs、Vite、Vue 开发 Chrome 多页面插件，手动配置 vite.config.ts 和 manifest.json 文件 一、创建 Vue 项目 1. 使用 Vite 创建 Vue 项目 npm create vite@latest # npmyarn create vite # yarnpnpm create vite # pnpm 选择 Vue 和 TS 进入项目，并...
263：vue+openlayers 高德地图坐标转换 WGS84-GCJ02
第263个 本示例演示如何在vue+openlayers中将 WGS84坐标转化为GCJ02坐标，从而使得高德地图能正确的显示物体的坐标点。 84坐标系可以理解为是真实坐标系，是一个地点的实际坐标值。02坐标系是加密后的坐标系，是为了国家安全考虑。对应的不是实际的坐标值，GCJ02坐标系与WGS84坐标系之间的偏差大概在50-700米左右。 直接复制下面的 vue+openlayers源代码，操作...
vue2源码解析——Vue.set/$set方法如何给响应式对象添加属性
为什么会有vue.set方法 在Vue中，当一个对象被创建时，Vue会将其属性转换为响应式属性，以便能够在属性发生变化时触发视图更新。然而，如果在已经创建的对象上直接添加新属性，新属性默认不会具有响应性，因为Vue无法在对象被创建时对新属性进行响应式处理。 vue.set方法怎么实现的 vue.set方法首先会区分是对数组还是对象进行新增属性： 数组新增元素 对象新增key和value 思考：如何知...
vue3中onUnmounted详解
在 Vue 3 中，onUnmounted 是一个生命周期钩子，它会在组件实例被卸载（unmounted）和销毁之前被调用。这个钩子特别有用，因为它允许你在组件卸载时执行一些清理工作，比如取消定时器、移除事件监听器、清理手动创建的 DOM 元素等。 使用 onUnmounted 在 Vue 3 的 Composition API 中，你可以使用 onUnmounted 钩子来定义组件卸载时需要执行的代...
带你充分理解并掌握 vue3 的 setup 用法
在 Vue 3 中，setup 函数是 Composition API 的入口点，它提供了一种新的方式来组织和复用逻辑。setup 函数是在组件的生命周期钩子 created 之前执行的，它允许开发者在组件创建时定义响应式状态、计算属性、方法和生命周期逻辑。 基本用法 setup 函数返回一个对象，该对象的属性和方法可以在组件的模板或其他 Composition API 函数中直接使用。 import...
vue3中toRefs详解
函数通常在组件的setup函数中使用，与reactive或ref结合，以便在模板中直接访问响应式对象的属性。下面是一个简单的示例： import { reactive, toRefs } from 'vue'; export default { setup() { // 创建一个响应式对象 const state = reactive({ count: 0, name: 'Vue 3' }); // 使...
vue项目在本地源码方式启动和打包之后在nginx中代理有什么不同
Vue项目在本地源码方式启动和打包之后在Nginx中代理的主要区别在于开发环境与生产环境的配置、性能优化、安全性和部署流程等方面。以下是一些具体的差异点： 开发环境与生产环境： 本地源码启动通常是在开发环境中，使用Vue CLI的vue-cli-service serve命令，它启动了一个开发服务器，并且提供热重载功能，方便开发者实时查看代码更改的效果。打包之后部署在Nginx上是生产环境的做法，使用...
VUE之首次加载项目缓慢
.webpack.docschina.org/plugins/compression-webpack-plugin/ npm i compression-webpack-plugin -D vue.config.js配置： const path = require('path')const CompressionPlugin = require('compression-webpack-pl...
基于Spring Boot+Vue的美食推荐商城系统
目录 一、项目简介 二、开发技术与环境配置 2.1 SpringBoot框架 2.2 Java语言简介 2.3 Vue的介绍 2.4 mysql数据库介绍 2.5 B/S架构 三、系统功能实现 四、系统项目截图 前台页面 登录页面 留言板功能 美食评论功能 后台功能 登录页面 美食列表页面 公告信息管理页面 公告类型管理页面 五、核心代码 5.1、文件上传 5.2、数据库配置 5.3、登录功能实现 5...
前端工程Vue前置知识
原文地址：前端工程Vue前置知识 - Pleasure的博客 下面是正文内容： 前言 这个专栏打算采取前置知识，具体实操，和代码三部分分离的形式，来记录学习开发的整个过程。 如果是对Vue知识再熟悉不过的这部分可以直接跳过了，等待后面的具体过程以及代码展示。 当然作为前置知识，肯定是和后面的部分相关联的。 正文 还是简易仔细阅读官方的文档，这里就只提几个要点。 官方文档：简介 | Vue.js Vue的...