【Vue】手写Vue工具函数hasChanged源码
比较址，址不同也返回true。 首先判断 x===y 的情况，并不能直接返回false，需要加上正负的判断。 其次判断 x !== y的情况，即x !== y但是x确实和y相同，这种情况就是NaN。 vue官方源码 export function hasChanged(x,y) { if(x === y){ return x === 0 && 1 / x !== 1 / y // 1 / 0 = Inf...
Springboot+vue的高校科研信息管理系统（有报告）。Javaee项目，springboot vue前后端分离项目。
演示视频： Springboot+vue的高校科研信息管理系统（有报告）。Javaee项目，springboot vue前后端分离项目。 项目介绍： 采用M（model）V（view）C（controller）三层体系结构，通过Spring + SpringBoot + Mybatis +Vue+Maven来实现。MySQL数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简...
vue3源码解析——ref和reactive定义响应式的区别
var myObject = new MyClass();myObject.propertyName = "hello";console.log(myObject.propertyName); vue3中ref实现 toReactive方法做了什么？ 思考：为什么你更习惯使用ref而不是reactive? 简单性：ref 提供了一种简单的方式来定义响应式对象，只需传入初始值即可。相比之下，rea...
使用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上是生产环境的做法，使用...