#vue 第40页

Vue3 的 Composition API 与 Options API 的对比

Vue3的CompositionAPI与OptionsAPI的对比在前端开发的领域，Vue.js无疑是一个备受欢迎的框架。自从Vue2发布以来，许多开发者被其优雅的设计和良好的文档吸引。

JJCTO袁龙·2025-05-27 08:33

Vue3 新特性详解：Composition API 的优势与应用

Vue3新特性详解：CompositionAPI的优势与应用Vue.js自从诞生以来，就以其简洁和灵活的特性受到开发者们的青睐。

JJCTO袁龙·2025-05-27 08:03

Vue3新特性 - Composition Api

前言那我们回到Vue，在Vue2我们定义一个组件，基本模板应该是：exportdefault{//data()返回的属性将会成为响应式的状态//并且暴露在`this`上data(){return{count

Jerry-Samon·2025-05-27 07:31

Vue 3（3） ref 与 reactive 的使用详解

一、背景说明Vue3引入了CompositionAPI，大大提升了逻辑复用与组织能力。

Theodore_1022·2025-05-27 07:59

Vue 3（4）v-show 的使用详解与案例演示

在Vue中，v-show是一个条件渲染指令，用于控制元素是否显示在页面上。其本质是通过修改DOM元素的CSSdisplay属性来实现显示或隐藏。

Theodore_1022·2025-05-27 07:57

什么是前端工程化？它有什么意义

组件化：基于React/Vue等框架实现UI和逻辑的复用。示例：//ESModules模块化im

程序员流年大运·2025-05-27 07:56

若依前后端分离版本使用tinymce富文本编辑器

tinymce中文文档地址：TinyMCE中文文档中文手册(ax-z.cn)tinymce官网地址：APIReference|Docs|TinyMCE安装及使用我项目里是vue2，tinymce使用的是

茶凉_·2025-05-27 06:25

Vue2项目：复杂还款页面开发全流程」「动态进度条+分期详情：Vue2实现还款页面」「从零开始：用Vue2开发动态还款页面」「前端进阶案例：Vue2还款页面完整功能解析」「Vue2项目实战：分

效果图【定制化开发服务，让您的项目领先一步】如有需求，直接私信留下您的联系方式。谢谢。我的邮箱：[email protected]完整代码以下是另一个还款页面实现，功能更复杂，包含还款总览、还款进度条、分期详情列表以及支持动态选择分期操作的交互。完整代码：<

南北极之间·2025-05-27 06:50

【前端】每日一道面试题5：解释Proxy和Reflect的典型应用场景，如何用它们实现数据双向绑定？

示例：Vue3.0使用Proxy替代Object.defineProperty，解决了无法监听新增属性、数组

未脱发程序员·2025-05-27 03:36

Vue:axios（POST请求）

基础POST请求//简单表单提交axios.post('/api/login',{username:'lcyyyy',password:'123456'}).then(response=>{console.log('登录成功:',response.data);});发送JSON数据axios.post('/api/users',{name:'来财羊',age:18},{headers:{'Cont

虚拟系别·2025-05-27 03:35

Vue.js开发基础——数据绑定/响应式数据绑定

是Vue提供的容器标签，只起到包裹作用，不是DOM元素。每个单文件组件最多可以包含一个顶层标签。2.样式(style)样式通过css代码为当前组件设置样式，代码写在标签中。

嘻嘻Sfly·2025-05-27 02:55

Vue2 项目报错问题收录（持续更新...）

Vue2组件引入报错（引入组件报错）didyouregisterthecomponentcorrectly?

i小杨·2025-05-27 01:52

JavaScript篇：解密ES6的“藏宝图“：Set和Map的奇妙冒险

我精通HTML、CSS、JavaScript等基础前端技术，并深入掌握Vue、React、Uniapp、Flutter等主流框架，能够高效解决各类前端开发问题。

江城开朗的豌豆·2025-05-27 01:49

Vue项目出现Module not found: Error: Can‘t resolve ‘echarts‘ in “......“

（1）打开cmd：Windows的命令提示符、PowerShell或者cmd（2）切换到你的项目目录：确保你在命令行中位于你的Vue项目的根目录下。

李晓焸·2025-05-27 00:45

教育、学校如何利用CKEditor编辑器进行Word公式的教学与编辑？

要求：开源，免费，技术支持编辑器：ckeditor前端：vue2,vue3.vue-cli后端：asp,java,jsp,springboot,php,asp.net,.netcore功能：导入Word

全武凌(荆门泽优)·2025-05-26 20:58

信创背景下的CKEditor编辑器如何适应国产化需求，处理Word公式？

要求：开源，免费，技术支持编辑器：ckeditor前端：vue2,vue3.vue-cli后端：asp,java,jsp,springboot,php,asp.net,.netcore功能：导入Word

全武凌(荆门泽优)·2025-05-26 20:57

前端在vue2框架中导出PDF

1.需求导出具有页眉页脚、页码的Pdf，并且解决Pdf分割的问题。2.实现思路该需求主要的难点在于分页的时候容易出现分割问题，并且要将页眉页脚加进去。实现的大概思路：（1）先使用jsPDF、html2canvas将页面可以导出；（2）第一页的页眉在html代码中添加，第二页的页眉在分页的时候动态添加；（3）在会出现分割问题的节点上添加一个分割类名，这个节点必须要有父元素，因为如果是在这个节点分割的

青丝不压头颅·2025-05-26 19:21

用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用

很显然SAP对前端领域蓬勃发展的Vue，Angular，React这三驾马车并未熟视无睹，这才有了FioriFundamentals和SAPUI5WebComponent的问世。

汪子熙·2025-05-26 18:48

在vue2中使用全局监听浏览器窗口变化，适配手机端判断

1新建文件windowSizeMixin.js有三个属性可以使用windowWidth(窗口宽度)，windowHeight（窗口高度），MobileVerification（是否是在手机端）当然还可以加其他的内容问题：如果设置了固定的宽度，比如给页面元素的宽度设置了定好的1200px后，会导致在f12界面改为手机端的时候innerWidth获取的宽度还是1200px，而不是手机端的宽度（未解决，

Shi_haoliu·2025-05-26 18:18

前端vue2-完全前端生成pdf-＞pdf-lib,html2canvas+jspdf,原生打印，三种方式（打印带有echarts图的pdf）

pdf-lib：优点是可以控制输出内容，缺点是麻烦html2canvas：优点是直接把html页面转成图片之后插入pdf很方便，不用过多的代码，缺点是不好控制图片大小，容易被戒断，可以把想打印的内容藏在页面外面(postion:absoult;left:-9999)原生打印：原生浏览器打印，完全无法控制pdfkit：尝试了一下pdfkit，一直在报错，不好用目前只有0.12.1版本能打印，但是ec

Shi_haoliu·2025-05-26 18:17

如何在 Vue 3 中实现懒加载组件？

如何在Vue3中实现懒加载组件？随着现代前端框架的发展，懒加载作为一种优秀的性能优化技术，在用户体验和加载速度上扮演着越来越重要的角色。

JJCTO袁龙·2025-05-26 16:37

国内外主流的编程语言与框架盘点

国内外主流的编程语言包括JavaScript、Python、Java、C#、PHP等，常用的框架有React、Vue.js、Spring、Django、.NET等。

F36_9_·2025-05-26 16:34

Java程序员学习前端之Vue其他API

7.其它API7.1.【shallowRef与shallowReactive】shallowRef作用：创建一个响应式数据，但只对顶层属性进行响应式处理。用法：letmyVar=shallowRef(initialValue);shallowReactive作用：创建一个浅层响应式对象，只会使对象的最顶层属性变成响应式的，对象内部的嵌套属性则不会变成响应式的用法：constmyObj=shallo

夏霞.·2025-05-26 16:04

watch与watchEffect有什么区别，分别在什么场景下使用

在Vue3的CompositionAPI中，watch和watchEffect都是用于响应式侦听数据变化的工具，但它们的核心逻辑和使用场景有显著区别。

程序员流年大运·2025-05-26 15:33

为了顺利使用Vue.extend，我被迫去研究了Vue源码...

$message.success()这样的类似API方式去调用，这时候就需要Vue.extend出场了。

程序员小寒·2025-05-26 15:31

毕设--基于Flask的智能个人财务管理系统

从技术层面来看，前端将采用Vue框架以提升用户界面的交互体验，后端则选用Python语言结合Flask框架进行开发，数据库方面计划

做科研的狗·2025-05-26 13:20

Vue.js教学第十六章：Vue项目高效部署全攻略

Vue项目部署全流程指南在完成Vue项目的开发后，将项目成功部署到生产环境是一个至关重要的步骤。

暮雨哀尘·2025-05-26 12:41

前端实现在线预览、编辑Office文档（vue版）

使用插件：Spire.Cloud在线Office文档编辑器（官网：冰蓝科技在线编辑）无需安装，在index.html里面引入即可重点：支持在线创建、编辑、保存和打印Office(Word/Excel/PPT)文档助您轻松实现高效率、无纸化办公使用浏览器打开：https://cloud.e-iceblue.cn/，点击右上角头像注册/登录账号。其次，点击菜单栏“我的应用”创建应用，获取APPID和A

故事与九·2025-05-26 12:11

vue3自定义audio音频播放【进度条，快进，后退，音量加减，播放速度】

本文将介绍如何使用Vue3构建一个功能完备的自定义音频播放器，包含进度条控制、快进/后退、音量调节和播放速度控制等功能。

故事与九·2025-05-26 12:11

Vue3ts封装一个可任意拖拽的浮动气泡组件，允许 x 和 y 轴方向拖拽，吸附到 x 轴方向最近一边，可点击

最近项目中遇到一个需求：开发一个类似豆包（AI）的悬浮球功能。该悬浮球以浮动气泡的形式呈现，初始状态下默认位于屏幕右下角。用户可以通过拖拽操作，在屏幕的x轴（水平方向）和y轴（垂直方向）上自由移动悬浮球。当用户停止拖拽时，悬浮球会自动吸附到x轴方向上距离最近的屏幕边缘，确保其位置稳定且符合用户操作习惯。此外，悬浮球还具备可点击性，能够响应用户的点击拖拽功能：通过监听mousedown、mousem

故事与九·2025-05-26 12:40

Vue3编译优化：静态提升与树结构优化

标题：Vue3编译优化：静态提升与树结构优化关键词：Vue3、编译优化、静态提升、树结构优化一、Vue3编译优化概述在开发现代Web应用程序时，性能一直是一个重要的关注点。

苹果酱0567·2025-05-26 12:10

Vue3的模块化设计: 使用Script Setup API

Vue3的模块化设计:使用ScriptSetupAPI一、介绍ScriptSetupAPI在Vue3中，引入了一种全新的API，即ScriptSetupAPI，它能够大大简化组件的编写过程，降低代码量，

武昌库里写JAVA·2025-05-26 12:09

Vue3渲染引擎：虚拟DOM与响应式原理

Vue3渲染引擎：虚拟DOM与响应式原理在当今的前端开发中，Vue.js作为一种流行的JavaScript框架，经常被用来构建用户界面。

武昌库里写JAVA·2025-05-26 12:09

Vue3与React构建可扩展Web应用的技术方案深度研究报告（2024-2025）

·2025-05-26 11:05

Vue3编译器:静态提升原理

Vue3编译器:静态提升原理一、Vue3编译器简介编译器概述是一款流行的JavaScript框架，它提供了一种用于构建用户界面的渐进式框架。

武昌库里写JAVA·2025-05-26 11:35

以前端的角度理解 Kubernetes（K8s）

作为一名前端开发者，我们每天都在与React、Vue、Webpack等工具打交道，而Kubernetes（K8s）听起来更像是后端或运维的“专属领域”。

梦的晓析者·2025-05-26 08:16

基于springboot+vue墙绘产品展示交易平台含文档（附万字文档）(源码+lw+部署文档+讲解等)

CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者，博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌主要内容：SpringBoot、Vue

QQ3295391197·2025-05-26 06:34

【面试 · 二】JS个别重点整理

目录数组方法字符串方法遍历es6构造函数及原型原型链this指向修改vue事件循环EventLoopFormData数组方法改变原数组：push、pop、shift、unshift、sort、splice

横卧数星斗·2025-05-26 04:50

Python 前后端分离的架构

1.1requirements.txt1.2database.py1.3models.py1.4schemas.py1.5crud.py1.6api/endpoints.py1.7main.py1.8启动后端2.前端部分（Vue3

卖血买老婆·2025-05-26 03:45

前后端分离的技术选择与编程实现方式

前端框架：流行的前端框架包括Vue.js、React

静谧星光·2025-05-26 03:15

vue 鼠标经过时显示/隐藏其他元素

方式一：使用纯css方式,:hover是可以控制其他元素1、当两个元素是父子关系.all_{}.sun{display:none;/*默认不显示*/}.all_:hover.sun{display:block;/*鼠标经过时显示*/}2、当两个元素是兄弟(但似乎无法在hover-b经过时改变hover-a)鼠标经过我这是鼠标经过时显示的内容.hover-a{}.hover-b{display:no

QQ2856639881·2025-05-26 03:44

深入解析：Cookie 与 Session 的区别及应用场景

1.1Cookie的node端基本使用1.2Cookie的Vue端或React端使用2什么是Session

经海路大白狗·2025-05-26 02:09

CSS面试题常用知识总结day03

从CSS——>Javascript——>VUE2——>Vuex、VueRouter、webpack——>VUE3——>pinia、Vite把前端基本的从新顺一遍，找出自己的不足。

无尘本无物·2025-05-26 01:36

uniapp - [微信小程序] 实现点击预览各种文件 pdf文档、视频mp4、mp3音乐、图片图像、word/excel/ppt 等，uniapp小程序文件预览功能（详细示例代码，一键复制开箱即用）

uniappVue3和Vue2都能用，直接复制运行示例代码，稍微改下就能用了。示例源码下面就是全部源码了，请复制运行后

十一猫咪爱养鱼·2025-05-26 01:03

uni-app开发微信小程序

uni-app是一个使用Vue.js开发所有前端应用的框架，它允许开发者编写一次代码，然后发布到iOS、Android、Web（包括各种小程序平台如微信小程序、支付宝小程序、百度智能小程序等）以及各种快应用平台上

俊星学长·2025-05-26 01:30

前端框架从0到1实战：simple框架设计全解析 (1) ：框架概览

当你还在为Vue3和React18的新特性纠结时，有没有想过——自己设计一个前端框架？今天，我们将从零开始构建一个轻量级响应式框架：simple，带你看透框架底层原理，摆脱"框架使用者"的被动角色！

smallluan·2025-05-26 01:29

前端流行框架Vue3教程：27. 依赖注入

27.依赖注入通常情况下，当我们需要从父组件向子组件传递数据时，会使用props。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用props则必须将其沿着组件链逐级传递下去，这会非常麻烦这一问题被称为“prop逐级透传”provide和inject可以帮助我们解决这一问题。一个父组件相对于其所有的后代

Python涛哥·2025-05-26 00:51

前端流行框架Vue3教程：24.动态组件

24.动态组件有些场景会需要在两个组件间来回切换，比如Tab界面我们准备好AB两个组件ComponentAComponentAApp.vue代码如下：importComponentAfrom".

Python涛哥·2025-05-25 23:47

在vue中重复组件导入简化方案

重复组件导入简化在Vue3项目中，如果你发现每个组件都要重复导入api和utils，是可以通过几种方式简化甚至完全避免这些重复导入的。

Code_Geo·2025-05-25 22:06

（分别使用vue、React、java）

大文件上传断点续传的实现逻辑大文件上传断点续传的核心在于将文件分成多个小片段（分片），逐个上传这些片段到服务器，并记录已成功上传的部分。如果上传中断，可以基于之前保存的状态重新恢复未完成部分的上传过程。实现逻辑的关键点前端处理使用浏览器提供的FileAPI和Blob.slice()方法来切割文件成若干个小块。每一块可以通过HTTP请求发送至服务器。唯一标识符为了区分不同用户的上传请求以及同一文件的

海盐泡泡龟·2025-05-25 21:03

推荐频道

#vue