vue3仿ChatGPT 第10页

vue3中ref自动解包

1.模板中使用ref类型的数据，会自动解包，注意需要是顶级的ref{{name}}import{ref}from'vue'constname=ref('hello')下面的ref不会自动解包{{num}}--{{obj.id}}num+1-----------{{num+1}}obj.id+1-----------{{obj.id+1}}import{ref}from'vue'constnum=r

·2025-06-29 06:44

vue3中实现高德地图地址搜索自动提示（附源码）

Vue3实现高德地图搜索自动提示功能引言上一篇文章详细讲解了如何在Vue3项目中集成高德地图，本文将重点介绍地址搜索自动提示功能的实现。

年纪轻轻就扛不住·2025-06-29 06:13

keep-alive实现原理及Vue2/Vue3对比分析

一、keep-alive基本概念keep-alive是Vue的内置组件，用于缓存组件实例，避免重复渲染。它具有以下特点：抽象组件：自身不会渲染DOM，也不会出现在父组件链中包裹动态组件：缓存不活动的组件实例，而不是销毁它们生命周期：提供activated和deactivated钩子函数二、keep-alive核心实现原理1.基本工作流程判断当前组件是否需要缓存生成组件唯一key缓存组件实例在被包裹

年纪轻轻就扛不住·2025-06-29 06:12

终端里的AI黑魔法：OpenCode深度体验与架构揭秘

你还在用ChatGPT网页版复制粘贴代码？你还在羡慕ClaudeCode的智能补全？醒醒吧，OpenCode已经把AI搬进了终端，开源、可扩展、还不挑AI模型，关键是——它真的很酷！

许泽宇的技术分享·2025-06-29 05:04

java实现chatGPT SDK

搭建一个ChatGPT-SDK组件工程，专门用于封装对OpenAI接口的使用。

yusheng_xyb·2025-06-29 05:04

Java web%10

%10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb

好学且牛逼的马·2025-06-29 03:53

干货！大模型时代一定要收藏的 20 个LLM 中文数据集

自ChatGPT重磅推出以来，大语言模型(largelanguageModel,LLM)以其卓越的学习能力在各个领域引起轰动。

OpenBayes·2025-06-28 23:18

vue3.5中useTemplateRef获取DOM元素

前言：vue3.5推出了一种新的获取DOM元素的API（useTemplateRef），它与vue3.5之前获取DOM元素有什么不同呢？今天我们来学习一下。

whhhhhhhhhw·2025-06-28 20:31

模板应用更新同步到所有开发中的应用

需求是为多个Vue3应用方便地同步模板更新，并且模板自身也可能演进，采用Git上游仓库(Upstream)策略。

z日火·2025-06-28 20:30

实现 el-table 中键盘方向键导航功能vue2+vue3（类似 Excel）

实现el-table中键盘方向键导航功能vue2+vue3（类似Excel）功能需求在ElementUI的el-table表格中实现以下功能：使用键盘上下左右键在可编辑的el-input/el-select

·2025-06-28 20:27

AI正在偷偷取代这10种职业，你的工作安全吗？

1.客服代表取代指数：★★★★★AI驱动的聊天机器人（如ChatGPT、GoogleBard）已经能够处理大部分基础

·2025-06-28 20:56

关于uniapp+vue2 升级 Vue3 后无法获取 query的问题

关于uniapp+vue2升级Vue3后无法获取query的问题tag：vue3迁移、uniapp兼容性、$mp变更、vue2升级、前端坑点记录在升级公司项目的时候，从uniapp+Vue2迁移到uniapp

代码简单说·2025-06-28 19:51

vue3 添加onShow,每次显示都执行

vue3的生命周期没有onShow,uniapp有提供onShow.有时候我们希望用户离开在回到页面时，把他最关心的可能变化比较平繁的数据刷新出来。

萧大侠jdeps·2025-06-28 19:50

uniapp vue3版本的一些小细节！

1,生命周期的引用import{onShow,onHide,onLoad}from"@dcloudio/uni-app"onShow(()=>{showLog('onShow')})onLoad((options)=>{showLog('onLoad')})需要引入，才可以调用2，全局引入css在main.js或者ts中，导入就可以//例如引入全局CSS文件import'./util/baseCs

养乐多～ch·2025-06-28 18:46

2025 VUE常见面试题

答案：Vue.js（通常简称为Vue）是一个用于构建用户界面的‌渐进式JavaScript框架，Vue3是Vue.js框架的最新版本，它引入了许多改进和优化，包括性能提升、更好的类型支持、组合API等。

hmildj·2025-06-28 17:02

Vue 3 的＜script setup＞语法糖与 TypeScript 的深度整合

以下是补充说明及优化建议：一、setup属性（CompositionAPI核心）作用：通过setup属性启用Vue3的CompositionAPI，简化逻辑组织和复用。

前端熊猫·2025-06-28 16:31

＜script setup＞语法糖

下面，我们来系统的梳理关于Vue3语法糖的基本知识点：一、核心概念1.1什么是？

前端岳大宝·2025-06-28 16:28

Prompt Engineering for Large Language Models

题目大型语言模型的快速工程简介随着OpenAI的ChatGPT和Google的Bard等软件的普及，大语言模型（LLM）已经渗透到生活和工作的许多方面。

三月七꧁ ꧂·2025-06-28 15:51

GPT-4o重磅升级！只需一条指令，教你秒出SCI级专业科研图！

分为多个细分的专业写作场景，跟着一步一步操作，借助ChatGPT做学术、干科研、写论文、课题申报都变得超简单。欢迎加我交流（yida985），祝你一臂之力。

智写AI·2025-06-28 14:11

Vue SPA 路由跳转无法回到顶部问题排查与解决

VueSPA路由跳转无法回到顶部问题排查与解决1.问题现象描述在使用Vue3+VueRouter4开发单页应用（SPA）时，遇到如下问题：点击导航栏或页脚的路由跳转后，页面没有自动回到顶部。

浪裡遊·2025-06-28 12:03

利用chatGPT提取复杂json数据到excel文件中

利用chatGPT提取复杂json数据到excel文件中1利用swagger导出json类型的接口数据2使用hiJson工具查看json结构3利用ChatGPT写python代码解析数据4复制代码到vscode

z日火·2025-06-28 11:51

vue3 实现文件上传

1、上传文件html上传文件将文件拖到此处，或点击上传只支持pdf、doc、docx、png、jpg提交import{ref,reactive}from'vue'import{uploadImg}from'@/api/common.js';letuploadFile=ref(false);letfileList=ref([]);constupload=(val)=>{fileLis

编程（变成）小辣鸡·2025-06-28 10:16

适用于vue3的移动端Vant4组件库

适用于vue3的移动端Vant4组件库地址：（https://vant-ui.github.io/vant/#/zh-CN/home）安装：npmivant

柒@宝儿姐·2025-06-28 10:44

在vue3项目中使用el-upload实现文件上传

在vue3项目中使用el-upload实现文件上传template将文件拖到此处，或点击上传是否更新已经存在的用户数据仅允许导入xls、xlsx格式文件。

柒@宝儿姐·2025-06-28 10:44

vue3 使用 Univer Sheets 电子表格组件

背景部门要进行在线数据填报：excel表格样式不限;因为要支持直接从excel直接粘贴，经筛选选择：UniverSheetsUniverSheets官网地址https://docs.univer.ai/zh-CN/guides/sheets1、安装和配置#安装核心包pnpmadd@univerjs/presets正常到这就可以了，但是我这边前台报react版本错误，所以去源码包看了一下版本，单独指

小云小白·2025-06-28 09:13

vue大数据量列表渲染性能优化：虚拟滚动原理

前端分页小节：Vue3扁平化Tree组件的前端分页实现节点数据懒加载小节：ElementTreePlus版功能演示：数据懒加载关于扁平化结构Tree和嵌套结构Tree组件的渲染嵌套结构的Tree组件是一种递归渲染

Java小卷·2025-06-28 09:41

Vue3+ element 实现导入导出

青柠97·2025-06-28 09:40

ElementPlus表格相关操作大全-2

网址：一个Vue3UI框架|ElementPlus(element-plus.org)https://element-plus.org/zh-CN/例：组件——Form表单典型表单参考代码：-OnlineactivitiesPromotionactivitiesOfflineactivitiesSimplebrandexposureSponsorVenueCreateCancelimport

朝阳 Melo·2025-06-28 09:40

攻击者利用热门AI发动黑帽SEO攻击，通过污染搜索结果传播窃密木马

伪装成AI主题网站的恶意页面|图片来源：ZscalerZscaler威胁实验室研究人员发现一起精心策划的恶意软件攻击活动，攻击者利用ChatGPT和LumaAI等人工智能(AI)工具的热度，通过黑帽SEO

FreeBuf-·2025-06-28 05:17

vue3 vs asp.net mvc

package.json≈.csprojpackage-lock.json≈packages.lock.jsonvite.config.js≈Startup.cs/Program.cs/configfilesindex.html≈_Layout.cshtmlpublic/≈wwwroot/

fyifei0558·2025-06-28 04:09

打造高效富文本编辑体验：Vue3 + wangEditor5 自定义上传音频与视频

打造高效富文本编辑体验：Vue3+wangEditor5自定义上传音频与视频【下载地址】Vue3wangEditor5自定义上传音频与视频Vue3+wangEditor5自定义上传音频与视频本仓库提供了一个资源文件

皮熠艳·2025-06-28 02:28

vue3+vite 项目引入加载.md文件

1.使用插件v-md-editor，下载npmi@kangc/v-md-editor@next-S官网地址可查看文档，介绍|v-md-editor2.第二步，在main.ts引入//引入v-md-editor组件importVMdPreviewfrom'@kangc/v-md-editor/lib/preview'importvuepressThemefrom'@kangc/v-md-editor

代码界周雨彤·2025-06-27 23:13

Vue 实现拖拉拽组件 vue-draggable-plus

vue-draggable-plus是一个基于Sortable.js的Vue拖拽组件库，是vuedraggable的升级替代品，支持Vue2和Vue3，功能更强，类型更完善，维护更活跃。

清风细雨_林木木·2025-06-27 23:12

vue3.0(十六)路由vue-router

文章目录路由vue-router路由1.vue-router功能2.vue-router组成3.vue-router常用的函数vue-router使用1.安装2.vue3.0配置3.vue2.0配置4.

程楠楠&M·2025-06-27 22:34

Vue3项目引入高德地图【超详细教程】

前言在Vue3项目中集成高德地图（AMap）是一个常见的需求。本文将详细介绍如何在Vue3项目中使用高德地图，包括安装配置、基本使用以及一些进阶功能的实现。

年纪轻轻就扛不住·2025-06-27 22:32

vue3教程笔记

选项式的写法基本和vue2一致。组合式写法：reactive()只适用于对象（数组或者内置对象），创建的对象都是js的proxy。import{reactive}from'vue'constcounter=reactive({count:0})console.log(counter.count)//0counter.count++ref()则可以接受任何值类型，ref会返回一个包裹对象，并在.va

Xaire·2025-06-27 20:19

html5路由如何在nginx上部署（vite+vue3）

我们知道前端常用的有Hash模式和html5模式的路由，hash模式在nginx上部署不需要额外的操作，而html5模式则需要额外设置，这里介绍下如何在nginx根地址（location/{}）下部署和在非根地址上（location/admin{}）部署。在这之前，我先说一下为什么html5路由需要在nginx上配置，我们知道，vue-router就是用来处理路由的，我我们在浏览器上输入地址时，这

大眼小夫·2025-06-27 20:47

vue-i18n的实际使用场景

1，安装vue2安装8版本vue3安装9版本pnpminstallvue-i18n@9--savepnpminstallvue-i18n@8--save2，配置i18n安装完成后在vue项目src目录下新建一个

大眼小夫·2025-06-27 20:44

Vue 3 组合式API深度剖析：工具函数详解

核心API详解请移步另一篇博客--->Vue3组合式API深度剖析：核心API使用指南在Vue3中，组合式API为我们提供了一种

aike13ky·2025-06-27 19:11

VUE3入门很简单（2）--- 计算属性

前言重要提示：文章只适合初学者，不适合专家！！！为什么需要计算属性？想象你在开发一个购物车功能。当用户选择商品时，你需要：计算商品总价根据折扣码调整价格自动更新免运费状态显示税费金额你会怎么做？在模板中写表达式？总价：￥{{(items.reduce((sum,item)=>sum+item.price*item.quantity,0)*(1-discountRate))}}sum+item.pr

有诺千金·2025-06-27 19:10

VUE3入门很简单（3）--- watch

Vue3中的watch：数据变化的"眼睛"和"耳朵"想象你有一个超级助理，每当商店里的商品价格发生变化，它就会立即通知你。在Vue3中，watch就是这个聪明的小助理！一、为什么需要watch？

有诺千金·2025-06-27 19:05

使用 ESLint + Prettier + Husky + lint-staged 构建统一的代码风格及检查工作流

可以构建一套高效的代码风格检查+自动格式化+提交钩子工作流：✅ESLint：语法规则检查✅Prettier：统一格式化风格✅Husky：Git提交钩子✅lint-staged：仅检查本次提交相关的文件一、项目初始化（以Vue3

爱宇阳·2025-06-27 18:31

vue3实践3

创建一个vue项目vuecreate项目名称运行脚手架构建的项目npmrunserve如果使用npmcreatevitebasic--templatevue-ts构建项目模板可以选择vue：创建一个使用Vue3

清风徐来QCQ·2025-06-27 15:42

vue3 年月日时分秒各种转换

示例：console.log('时转秒：','1时---',hoursToSeconds(1),'秒')console.log('秒转时：','3600秒---',secondsToHours(3600),'时')console.log('分转秒：','10分---',minuteToSecond(10),'秒')console.log('秒转分：','600秒---',secondsToMinu

·2025-06-27 13:35

Vue.js --- 一文看懂路由

2.路由基础2.1路由的安装npminstallvue-router@4指定安装路由版本4，适配于vue32.2路由管理方式路由的history和hash模式是两种不同的URL路由管理方式，它们都通

蒜蓉大猩猩·2025-06-27 13:34

Vue-路由（vue2，vue3）的使用-嵌套路由-路由传参-命名

2.基本使用：2.1：npmivue-router(插件)3.Vue3.0的使用：3.1在main.js中配置：import{createApp}from'vue'importAppfrom'.

IT小杨666·2025-06-27 13:34

Vue-12-前端框架Vue之应用基础生命周期和自定义hooks

文章目录1生命周期的理解2vue2的生命周期2.1创建工程2.2App.vue(根组件)2.3Person.vue(子组件)2.4生命周期钩子示例2.4.1Person.vue2.4.2App.vue3vue3

皮皮冰燃·2025-06-27 13:33

【AIGC-ChatGPT提示词】心灵笔记：打造温暖治愈的职场年终回顾系统

感谢信任，专栏出现0-1的历史突破❤️❤️好了，开始今天的内容今天继续回馈大家，最近都是可以在自媒体上使用的提示词。提示词在最下方引言在每年岁末时分，我们都期待着对过去一年进行总结与回顾。然而，传统的工作总结往往过于注重数据和绩效，容易忽视个人的情感体验和内心成长。"心灵笔记"系统正是为了解决这一痛点而设计，它致力于将冰冷的职场经历转化为温暖治愈的内心独白，帮助人们以更有温度的方式记录自己的职业生

AI小欧同学·2025-06-27 13:33

Vue3基础（5）——前端路由、vue-router

黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程_哔哩哔哩_bilibili喜欢的小伙伴们别忘了投币，点赞，收藏呦，历经5年的反复打磨与锤炼，黑马程序员重磅推出全套最新的

番大茄子·2025-06-27 13:32

Vue-15-前端框架Vue之应用基础编程式路由导航

文章目录1RouterLink的replace属性1.1App.vue1.2应用效果2编程式路由导航2.1场景一Home.vue2.2场景二News.vue3路由重定向3.1index.ts3.2Detail.vue3.3About.vue1RouterLink

皮皮冰燃·2025-06-27 13:02

推荐频道

vue3仿ChatGPT