前端开发2小时前

升级的方式是使用最新版本的 vue-cli 脚手架，重新创建一个新项目，然后复制 @vue/cli-xxx , vue 相关依赖最新版本到子应用项目 -> 核对babel, eslint相关配置的变化 -> 重新安装依赖，处理出现的相各种异常情况 -> 启动项目检查功能是否正常。 本次升级主要是为了使用 webpac...

前端开发17小时前

目录 绑定单个属性 基础绑定 computed 绑定 ???? v-model 绑定多个属性 ???? 绑定对象 修饰符 总结 绑定单个属性 基础绑定 以 自定义组件 CustomInput 举例 <script setup> const txt = ref(''); </script> <template> <C...

前端开发18小时前

目录 一、查询参数 二、路径参数 三、注意点 Vue3 获取地址栏参数有两个方式：查询参数和路径参数。 Vue3获取地址栏参数是从路由router中获取，查询参数和路径参数获取方式不一样。 一、查询参数 比如地址 http://127.0.0.1:5173/?code=123123，我们要获取code参数可以路由router获取，注意是route.quer...

前端开发2026年01月18日

目录 1. Vue watch 概述 2. Vue 对象的监听方法 1. Vue watch 概述 Vue 的 watch 侦听器格式有两种：方法格式和对象格式的侦听器。 方法格式的侦听器只能监听简单数据类型，如：Number、String、… 无法监听对象属性的变化，也不能在进入页面时，自动触发； 对象格式的侦听器可以监听对象属性的变化。在一定条件下，载...

前端开发2026年01月18日

目录 vue中使用window.open()参数详解 1.window.open()有三个参数 2.举例说明 3.第二个参数详解 4.第三个参数详解 补充：在vue中使用windom.open()跳转html文件传递和获取参数 前言 windom.open()的使用 vue中使用window.open()参数详解 打开新窗口有多种情况： ①在当前页面弹出新...

前端开发2026年01月17日

目录 1. name + params 2. name + query 3. path + query 4. 路径字符串？拼接参数 5. 路径字符串 / 拼接参数 总结 下面方法刷新参数都不会丢失 1. name + params 路由配置(需要配置成动态路由形式，原先的直接传参不能用了) import { createRouter, createWebH...

前端开发2026年01月16日

目录 前言 切屏监控 方法一 方法二 小窗监控 方法一 方法二 方法三 结语 前言 在做自己的项目的时候有用到判断设备是否有切屏，一般用的多的地方就是考试系统，切屏我们都知道，一般可以很容易的进行监控，只不过当开启了小窗的时候，之前一直没有解决办法，而现在则通过监控切屏和小窗来教大家如何进行设置监听这两种方式。 切屏监控 方法一 Vue框架提供了一个$hi...

前端开发2026年01月15日

目录 一、Vue3中watch()的用法 二、Vue3中watch()的作用 三、Vue3中新引入的监听方法watchEffect 四、总结 Vue.js 3是一款流行的JavaScript框架，它提供了watch()方法来监听组件数据的变化。在本文中，我们将详细介绍Vue.js 3中watch()的用法和具体作用。 一、Vue3中watch()的用法 在...

前端开发2026年01月15日

目录 前言 逻辑 前端 后端 RedisTemplate配置 结语 前言 众所周知，上传大文件是一件很麻烦的事情，假如一条路走到黑，直接一次性把文件上传上去，对于小文件是可以这样做，但是对于大文件可能会出现网络问题，请求响应时长等等导致文件上传失败，那么这次来教大家如何用vue+srpingboot项目上传大文件 逻辑 需要做大文件上传应该考虑到如下逻辑:...

前端开发2026年01月14日

目录 一、给vue定义全局变量 1.定义专用模块来配置全局变量 2.通过全局变量挂载到Vue.prototype 3.使用vuex 二、给vue定义全局方法 1.将方法挂载到 Vue.prototype 上面 2. 利用全局混入 mixin 3. 使用插件方式 总结 开发中会经常用到一些常用的变量和方法 例如ajax这种 一、给vue定义全局变量 1.定义...