VUE3

微信小程序民宿预约管理系统 vue3+nodejs

目录具体实现截图技术栈软件编码：小程序框架以及目录结构介绍微信开发者工具java类核心代码部分展示软件测试：论文写作大纲参考源码获取/详细视频演示具体实现截图技术栈Vue3：性能提升、体积减小、响应式原理改变

QQ_402205496·2025-04-24 00:51

【玩转全栈】—— Django+vue3+讯飞星火API 实现前端页面实时AI答复

技术栈：vue3+element-plus+axios+pinia+router+Django5+websocket+讯飞星火API本文将实现一个AI聊天对话功能，将前端用户输入问题以及之前对话发送给后端

Edward-tan·2025-04-24 00:51

【项目管理后台】Vue3+Ts+Sass实战框架搭建二

Vue3+Ts+Sass搭建gitcz的配置mock数据配置viteMockServe建立mock/user.ts文件夹测试一下mock是否配置成功axios二次封装解决env报错问题，ImportMeta

花神yyds·2025-04-23 21:02

5、Vue3 集成Sass和Scss

Vue3集成Sass和ScssVue项目安装sass-loadernode-sassvue组件此时可以写Sass或ScssCSS样式语法了VSCode需要安装对应插件Vue项目安装sass-loadernode-sass

红鹰_Jake·2025-04-23 21:01

Vue3+TS中svg图标的使用-@unocss/preset-icons

@unocss/preset-icons是UnoCSS提供的图标预设，支持从本地和在线图标库加载图标，本文介绍本地图标库的使用从https://blog.csdn.net/u013737132/article/details/145499595得知vite-plugin-svg-icons插件停止维护，依赖过时，便整理替代品准备svg文件src/assets/icons下随意创建文件夹custom

码农张3·2025-04-23 20:30

Vue3集成sass

安装依赖pnpmadd-Dsass-embedded配置全局变量新建文件src/styles/variables.scss配置Vite修改vite.config.tsvariables.scss$base-color:bluevite.config.ts//https://vite.dev/config/exportdefaultdefineConfig({ plugins:[ vue(),],

码农张3·2025-04-23 20:26

Vue3路由跳转并传递参数

文章目录1.前言2.准备工作2.1编写路由规则2.2源页面2.3目标页面3.源页面如何传递参数给目标页面3.1通过router-link标签传递参数（很少使用）3.2通过js代码传递参数（经常使用）4.目标页面接收源页面传递过来的参数5.完整的示例代码1.前言路由跳转并传递参数的应用十分广泛，以下是一些常见的应用场景：商品详情页：当用户在商品列表页点击一个商品时，通常会跳转到该商品的详情页。可以将

聂可以·2025-04-23 18:10

【前端记事】关于electron的入门使用

electron入门使用背景howtostart第一步创建一个vite-vue3项目第二步装各种依赖第三步配置vite.config.jspackage.jsonelectron入口启动重写关闭、隐藏、

亭台烟雨中·2025-04-23 12:32

uniapp-商城-33-shop 布局搜索页面以及u-search

1、shop页面的搜索2、搜索的页面代码搜索3、创建搜索页面search3.1创建pagesub---pageshop---search--search.vue3.2search代码{{item}}exportdefault

七七小报·2025-04-23 08:08

vue3 + element-plus中el-drawer抽屉滚动条回到顶部

el-drawer抽屉滚动条回到顶部import{ref,nextTick}from"vue";......//详情import{performanceLogQueryByIdService}from"@/api/performanceLog";constonDetailClick=async(id:number)=>{//获取性能日志详情letresult=awaitperformanceLog

BillKu·2025-04-23 06:52

vue3 & Element-plus修改内置样式复现代码

vue3中的模板：定义一个点击弹窗按钮，弹出弹窗内容；定义一个其它按钮，显示不影响点击弹窗外内容的功能。点击弹窗其它vue3中setup代码，主要是阻止对话框的关闭，以及对页面的穿透，

随孑.·2025-04-23 05:16

在vue3项目中，使用echarts

本篇文章主要讲解如何在我们的vue3项目中，使用echarts来展示数据。

雪碧聊技术·2025-04-23 05:15

Vue3实现动态菜单功能

文章目录0.效果演示1.搭建Vue3项目1.1vite脚手架创建Vue3项目1.2设置文件别名1.3安装配置element-plus1.4安装配置路由2.登录页面3.后台管理页面3.1搭建后台框架3.2

bjzhang75·2025-04-23 05:44

【已解决】git clone 出现fatal: unable to access ‘https://github.com/yudaocode/yudao-ui-admin-vue3.git/‘: Fa

输入下面命令：gitconfig--global--unsethttp.proxygitconfig--global--unsethttps.proxy

我该如何取个名字·2025-04-23 00:15

更强大、更灵活！ defineModel 重新定义双向绑定

前言在Vue3.4中，defineModel宏的引入标志着Vue双向绑定机制的一次重大革新。

·2025-04-22 23:15

# Vue 3全面指南：从入门到精通

Vue3全面指南：从入门到精通目录基础概念与环境搭建组合式API(CompositionAPI)响应式系统组件开发高级特性性能优化最佳实践1.基础概念与环境搭建1.1创建Vue3项目#使用Vite创建项目

烂泥扶不上墙的刘鑫·2025-04-22 17:03

vue3实现记住密码功能

思路：1.判断记住密码的复选框是否勾选2.如果勾选了，需要将用户名和密码存入本地(一般存在cookie中需要使用Base64进行加密)3.在onMounted中查询cookie中是否有用户名密码(使用Base64解密)，将解密出的数据赋值给form中的数据即可实现记住密码重点import{Base64}from'js-base64'importCookiesfrom'js-cookie'//转码c

嘤嘤嘤小主·2025-04-22 15:49

Vue3 源码解析（六）：响应式原理与 reactive

今天这篇文章是笔者会带着大家一起深入剖析Vue3的响应式原理实现，以及在响应式基础API中的reactive是如何实现的。

苹果酱0567·2025-04-22 09:41

Vue3+TypeScript基础

Vue3+Ts入门一、组合式API1、计算属性API单向响应姓：名：单向响应：import{computed}from'@vue/reactivity';import{reactive}from'vue

ℝ.·2025-04-22 05:46

Vue 3入门指南

title:Vue3入门指南categories:前端开发tags:框架对比环境搭建基础语法组件开发响应式系统状态管理路由配置第1章：Vue3简介1.1Vue.js的历史与发展Vue.js由前谷歌工程师尤雨溪

糖糖老师436·2025-04-22 05:14

Vue 3 `＜script setup＞` 中 `defineProps` 的演变：从选项对象到泛型

在Vue3的语法中，defineProps宏用于声明组件接收的props。随着Vue的发展，特别是与TypeScript的深度集成，defineProps的类型定义方式也经历了演变。

心灵星图·2025-04-22 04:42

基于 Vue3 + Vite 搭建高扩展性后台管理系统实战

基于此，本项目采用Vue3+Vite的技术栈，结合Pinia状态管理和ElementPlus组件库，打造一套高效、可扩展的后台管理系统解决方案。

·2025-04-21 17:53

直播分享|TinyVue 多端实战与轻量图标库分享

TinyVue是一个跨端跨框架的企业级UI组件库，基于renderless无渲染组件设计架构，实现了一套代码同时支持Vue2和Vue3，支持PC和移动端，包含100多个功能丰富的精美组件，可帮助开发者高效开发

·2025-04-21 17:47

uniApp小程序保存定制二维码到本地（V3）

这里的二维码组件用的uv-ui的二维码可以按需引入QRCode二维码|我的资料管理-uv-ui是全面兼容vue3+2、nvue、app、h5、小程序等多端的uni-app生态框架保存收款码constpayCodeUrl

家里有只小肥猫·2025-04-21 10:34

前端面试真题集合（一）

•Vue3.x：改用Proxy代理对象，支持动态属性添加和数组变化监听，性能更优且覆盖场景更广。依赖收集与触发•依赖收集（Getter触发）：当组件渲染时访问数据属

GISer_Jinger·2025-04-21 05:04

vue3项目使用vuedraggable拖拽组件

某小只·2025-04-21 05:30

Vue 3 组件通信全解：从基础到高级技巧

引言Vue3引入了CompositionAPI，这为组件通信带来了新的灵活性和强大的功能。组件通信基础组件的定义和作用在前端开发中，组件可以被看作是构建用户界面的独立单元。

卓卓没头发·2025-04-21 04:27

【Vue3代理机制详解：从原理到实践】

请看完整修订版：Vue3本地开发环境代理机制全解析一、浏览器同源策略详解同源策略的安全意义浏览器同源策略是Web安全的核心基础，要求请求的URL必须与当前页面URL的协议、域名和端口完全一致。

Gazer_S·2025-04-21 01:11

验证码输入框的实现（JS 和 VUE3两种实现方式）

验证码输入框的实现JSDocument.code{width:300px;height:50px;background-color:red;position:relative;}.codeinput{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;}.code.box{width:100%;height:100%;po

Benson叔·2025-04-21 01:37

Vue 3中的路由（Router）详解

接下来这篇文章将逐步讲解Vue3中的路由概念。什么是路由？路由其实就是URL与应用程序视图之间的映射关系。在传统的多页应用里面，每次跳转都是向服务器发送请求，服务器返回新的页面的过程。

下雨的清晨·2025-04-20 23:19

从零打造一个Vue 3组件库：开发、打包与发布到NPM

作为一名前端开发者，开发一个自己的Vue3组件库不仅能提升技术能力，还能为社区贡献力量。本文将带你从零开始，基于Vue3和Vite，开发一个简单的UI组件库（包含一个按钮组件），并打包发布到NPM。

小贺要学前端·2025-04-20 21:44

Vue3 模板语法及指令

模板语法及指令1、插值表达式1.1、文本插值1.2、JavaScript表达式1.3、Attribute绑定2、内置指令2.1、v-bind2.2、v-show、v-if、v-else-if、v-else2.3、v-for2.4、v-on2.5、v-model2.6、v-text2.7、v-html2.8、v-slot2.9、v-pre2.10、v-cloak2.11、v-once3、修饰符3.1

小陆_39194983·2025-04-20 18:56

vue3配置caddy作为静态服务器，在浏览器地址栏刷新出现404

vue3配置caddy作为静态服务器，在浏览器地址栏刷新出现4041情况描述2原因3配置3.1caddy配置3.2打包配置1情况描述在vue打包之后，形成dist文件，采用caddy作为静态资源服务器。

不当菜虚困·2025-04-20 18:53

Pulsar Management Vue2+Webpack4改造成Vue3+Vite

PulsarManagementVue2+Webpack4改造成Vue3+Vite背景问题点初步改造--仍旧使用webpack4（未解决--已放弃）1.package.json文件改造2.webpack.config

qq_39760573·2025-04-20 15:35

Vue3新特性defineModel在Nuxt3中的实现

在nuxt.config.ts中配置vite:{vue:{script:{defineModel:true,propsDestructure:true,}}},然后在子组件中使用constpaginationIndex=defineModel()在父组件中使用constpaginationIndex=ref(2)watch(paginationIndex,(newValue,oldValue)=>

码农的救赎·2025-04-20 13:52

vue3项目启动bug

项目场景：vue3项目启动运行问题描述终端无法正常启动运行C:/user/adminC:/user/admin>npmrundev>student_status_vue3@0.0.0dev&

Missing Sunshine·2025-04-20 08:50

如何将 Vue-FastAPI-Admin 项目的数据库从 SQLite 切换到 MySQL？

它基于FastAPI+Vue3+NaiveUI的现代化前后端分离开发平台，融合了RBAC权限管理、动态路由和JWT鉴权，助力中小型应用快速搭建，也可用于学习参考。

jane_xing·2025-04-20 04:20

vite+vue3项目打包后图片不显示或者请求路径多了一个undefined

我们先来看一个简单的例子，我已经事先在本地构建了一个express服务器，端口是3000，images里面是有文件资源的，这是代码此时，当我们没有打包，npmrundev启动时，两张图片都是正常加载的但是如果我们是把项目打包，然后在掉到express服务器里面去时，我们会发现，只显示了一张图片，另外一张图片的地址前面是undefined,这一看就是import.meta.env.VITE_APP_

Lysun001·2025-04-20 04:19

利用visibilitychange事件来处理页面可见性变

在Vue3中，可以使用onBeforeMount和onUnmounted钩子函数来监听页面可见性变化，并执行相应的逻辑。

魔术师ID·2025-04-20 01:58

vue2和vue3中实现点击复制粘贴功能

写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录Vue2(点击复制粘贴功能的实现)1.安装vue-clipboard插件2.引入vue-clipboard插件3.在组件中使用复制粘贴功能Vue3

魔术师ID·2025-04-20 01:58

PDF转excel+json ，vue3+SpringBoot在线演示+附带源码

在线演示地址：Vite+Vuehttp://www.xpclm.online/pdf-h5源码gitee前后端地址：javapdfexcel:javaPDF转excelhttps://gitee.com/gaiya001/javapdfexcel.git盖亚/vuepdfhttps://gitee.com/gaiya001/vuepdf.git后续会推出前端版本跟nestjs版本识别复杂表格不是很

云只上·2025-04-19 16:02

Vue3全栈架构实战：Nuxt3服务端渲染与模块化设计深度剖析

一、全栈架构演进趋势1.1渲染模式能力矩阵1.2全栈性能基准测试框架/模式TTFBFCPLCPTTI内存峰值ReactCSR80ms1200ms2500ms1800ms156MBVue3SSR120ms800ms1800ms900ms210MBNuxt3Hybrid150ms450ms1200ms600ms185MBQwikSSG55ms350ms900ms400ms120MB

桂月二二·2025-04-19 14:44

uniapp自身bug | uniapp+vue3打包后 index.html无法直接运行

前提：已经修改了基础路径打开打包文件，双击运行index.html报错，无法访问页面uniapp+vue2项目是可以正常运行的vue3修改publicPath:'.

赫卡夹·2025-04-19 13:36

Veaury 开源项目教程

Veaury开源项目教程veauryUseReactinVue3andVue3inReact,Andasperfectaspossible!

娄朋虎Imogene·2025-04-19 12:36

探索Veaury：在Vue3和React间无缝切换的神奇工具

探索Veaury：在Vue3和React间无缝切换的神奇工具项目地址:https://gitcode.com/gh_mirrors/ve/veaury在现代前端开发的世界中，Vue和React无疑是两大巨头

郎轶诺·2025-04-19 12:35

Veaury 项目使用教程

Veaury项目使用教程veauryUseReactinVue3andVue3inReact,Andasperfectaspossible!

翟珊兰·2025-04-19 12:35

vue3 传参传入变量名

背景：需求是：在vue框架中，接口传参我们需要穿“变量名”，而不是字符串通俗点说法是：在网络接口请求的时候，要传属性名效果展示：vue2核心代码：this[_keyParam]vue3核心代码：[_keyParam

影子信息·2025-04-19 08:08

vue2实现vue3的teleport

Teleport/index.vueexportdefault{name:'teleport',props:{/*移动至哪个标签内，最好使用id*/to:{type:String,required:true}},mounted(){//把内容移动到指定的标签内this.to渲染document.querySelector(this.to).appendChild(this.$el)},before

贰叁！·2025-04-19 06:24

Vue3中provide和inject的用法示例

在Vue3中，provide和inject用于实现跨层级组件通信。

BillKu·2025-04-19 00:16

Vue3源码【一】—— ref&reactive响应式原理及简单实现

响应式ref、reactive源码地址：https://github.com/vuejs/core首先还是从最开始学的ref的源码看起，他的路径在packages/reactivity/src/ref.ts，这里看源码分析就直接将源码执行的步骤给他粘贴出来了哈。首先我们看一下ref是怎么创建的1、创建Ref//第一步，我们还是直接到ref关键字，可以看到这个，这个就是我们使用的ref()用来创建响

Modify_QmQ·2025-04-18 21:28

推荐频道