vue组件

Vue3 里 CSS 深度作用选择器 :deep()

解释在Vue组件里，CSS默认是scoped（作用域限定的），只对当前组件生效。如果你想在scoped样式里，穿透到子组件的内部元素，就要用:deep()。
珠峰下的沙砾·2025-04-27 16:10

el-date-picker设置时间范围

下面这种写法会报错：找不到expirationDate，这是因为涉及到this的指向问题在普通函数中，this的上下文并不指向Vue组件实例，而是取决于函数的调用方式或者是否使用了严格模式data(){
FIRE·2025-04-26 17:13

vite+vue3+ts编译vue组件后，编译产物中d.ts文件为空

一、前言使用vue3+vite+ts实现一个UI组件库，为了生成类型文件便于其他项目引用该组件库。根据推荐使用了vite-plugin-dts插件进行ts文件的生成二、版本组件版本vue^3.5.12vite^5.4.10vite-plugin-dts^4.3.0typescript~5.6.2三、问题描述使用vite+vite-plugin-dts编译的组件库文件中d.ts文件只有一个并且是空的
zyk_520·2025-04-25 02:47

【交通网络路径查询组件重构记录：从单文件到组合式架构的演进】

重构前：单文件组件的困境重构前，station-display.vue组件接近90
Gazer_S·2025-04-24 05:53

Vue浅学习笔记

Vue基础学习笔记Vuevue指令七个常用属性v-model双向绑定网络通信：Axios计算属性Vue组件：Vue.Componentslot插槽自定义事件分发创建工程路由嵌套传参和重定向钩子和404页面
木羽丶·2025-04-24 02:08

5、Vue3 集成Sass和Scss

Vue3集成Sass和ScssVue项目安装sass-loadernode-sassvue组件此时可以写Sass或ScssCSS样式语法了VSCode需要安装对应插件Vue项目安装sass-loadernode-sass
红鹰_Jake·2025-04-23 21:01

在Vue中实现两个iframe页面间的无刷新跳转

创建Vue组件首先，我们需要创建两个Vue组件，分别代表两个iframe页面。让我们称它们为ComponentA和ComponentB。在Vue组件中，我们可以使用
PixelLogic·2025-04-23 05:18

Vue 组件化开发

什么是Vue组件化开发Vue组件化开发是将一个复杂的应用拆分成多个小的、独立的组件，每个组件负责特
惠赢的·2025-04-21 18:47

用 Deepseek 写的uniapp油耗计算器

下面是一个基于Uniapp的油耗计算器实现，包含Vue组件和页面代码。
—Qeyser·2025-04-21 00:00

对象池模式在uniapp鸿蒙APP中的深度应用

1.3性能对比数据二、uniapp中的对象池完整实现2.1基础对象池实现2.1.1核心代码结构2.1.2在Vue组件中的应用2.2鸿蒙平台特别优化2.2.1原生组件复用2.2.2内存管理策略三、实战优化案例
杯莫停丶·2025-04-20 23:27

Vue组件库开发实战：从0到1构建可复用的微前端模块

本文将带你从0开始，实现一个完全独立的Vue组件库，包含样式隔离、主题定制等核心功能。前言在日常开发中，我们经常需要在不同项目间复用组件，但直接复制代码显然不是一个好办法。
前端程序猿i·2025-04-18 09:08

仿 ElementUI 搭建自己的 vue 组件库

仿ElementUI搭建自己的vue组件库一、创建my-ui-can项目1.新建项目2.自定义组件3.创建MyButton组件4.导出组件5.package.json二、发布到npm仓库1.npm账号注册
Lin_熊米·2025-04-17 18:29

vue中v-if与v-show的区别

v-if和v-show都是用来控制元素显示与隐藏的指令，但它们之间有几个关键的区别：直接上图一.条件渲染方式不同v-if：真正的条件渲染：v-if指令会根据表达式的真假来销毁或重新创建DOM元素及其内部的Vue
蓝蓝蓝蓝蓝蓝蓝蓝天·2025-04-16 05:32

uniapp实现列表拖拽排序+滑动删除功能

此篇代码在原插件基础进行了bug修改与滑动功能的新增原插件地址安装好原插件后将其中的HM-dragSorts.vue组件改成如下HM-dragSorts.vue组件使用HM-dragSorts.vue-
学如逆水，不进则退·2025-04-15 02:03

Vuex 源码

以下是关于Vuex源码的系统梳理：一、Vuex核心架构设计1.整体架构分层dispatchcommitmutaterender监听注入Vue组件ActionsMutationsStateDevtoolsPlugins2
前端岳大宝·2025-04-12 17:22

vue3 引入 wangeditor 富文本编辑器 与 highlight 代码高亮工具 的方法及注意事项

目录什么是Wangeditor什么是Highlight1.安装2.在main.js中引用3.在vue组件中使用highlight3.1用法（不推荐）3.2v-higelight用法（推荐）4.在vue组件中使用
m0_74824091·2025-04-11 04:19

Vue--状态管理pinia

State：这是存储在Store中的数据，类似于Vue组件里的data。Getters：其作用和Vue组件里的计算属性类似，可
前端_学习之路·2025-04-10 02:57

JavaScript双问号操作符（??）详解，解决使用 || 时因类型转换带来的问题

与逻辑或操作符||的对比二、复杂场景下的空值处理1、深层嵌套对象的默认值2、函数参数的默认值陷阱3、多条件回退策略三、实战案例解析1、Vue组件中的Prop处理2、表单验证四、双问号操作符的性能优势五、
watermelo37·2025-04-08 05:03

前端面试题——2021最新企业面试题

最新企业面试题对MVVM的理解浏览器的渲染机制事件循环机制(EventLoop)宏任务和微任务(先执行微观任务，再执行宏观任务)你对Promise的理解数组的常用方法虚拟DOM的原理为什么操作对象会比操作DOM快vue
前端技术迷·2025-04-07 16:11

实现一个实时聊天应用：用 Vue 3 和 WebSocket 构建多人在线聊天系统

文章目录一、前言二、技术选型三、功能需求四、实现步骤4.1设置Vue3项目4.2创建WebSocket服务器4.3创建Vue组件4.3.1ChatRoom.vue4.3.2UserList.vue4.3.3Login.vue4.4
前端极客探险家·2025-04-07 00:00

Vue 侦听器（watchers）

侦听器的定义与使用在Vue组件中，我们可以通过watch选项来定义侦听器。watch是一个对象，它的键是要侦听的数据属性名，值是一个回调函数。当侦听的数据属性发生变化时，这个回调函数就会被调用
sugar-T·2025-04-05 21:30

【Nova UI】三、探秘 BEM：解锁前端 CSS 命名的高效密码

序言在上一篇文章中，我们一步一个脚印，扎实地完成了Vue组件库搭建的环境搭建工作，从pnpm的精妙运用到TypeScript的细致配置✍️，每个环节都为组件库的诞生筑牢根基。
拖孩·2025-04-05 11:25

在Vue3中读取和解析Word文档，详细的技术实现方法、常见场景、问题及最佳解决方案

实现步骤：上传文件：通过或Vue组件（如）获取文件对象。读取文件内容：利用FileReader将文
繁若华尘·2025-04-05 07:33

Vue 3 模板引用（Template Refs）详解与实战示例

本篇文章将详细介绍Vue3的ref模板引用的用法、适用场景，并通过多个示例展示如何在Vue组件中高效操作DOM和组件实例。1
li_Michael_li·2025-04-05 01:21

解决 axios get请求瞎转义问题

1.安装axios和qs首先，确保你已经安装了axios和qs：npminstallaxiosqs2.使用axios和qs发送请求在Vue组件中，你可以这样使用axios和qs：importax
cypking·2025-04-05 00:16

前端Vue篇之vue如何监听对象或者数组某个属性的变化

用watch监听在Vue组件中，可以使用watch选项来监听数据的变化。假设你有一个data中的属性sourceProp，当它变化时
小鸭呱呱呱·2025-04-04 15:14

Vant UI 组件库解析

快速上手指南1.安装2.基础使用3.组件示例四、进阶使用技巧1.按需加载优化2.主题定制方案3.组件扩展方法五、最佳实践建议1.移动端适配方案2.常见问题解决总结记忆图Vant是一款专为移动端场景设计的高质量Vue
向贤·2025-04-04 07:23

Vue2（14） Prop学习笔记

学习笔记一、Prop的基本概念二、Prop的命名与传递三、Prop的类型与验证四、单向数据流五、非Prop的Attribute六、示例代码七、总结Vue2Prop学习笔记一、Prop的基本概念Prop是Vue
博学敬业·2025-04-04 06:15

Vue生命周期详解

Vue生命周期Vue组件的生命周期描述了组件从创建、挂载、更新到销毁的完整过程。每个阶段都提供了对应的生命周期钩子函数，允许开发者在特定时机执行自定义逻辑。
低头不见·2025-04-04 00:09

vue组件通信---子传父(ref方式)

描述：1.在子组件标签上使用“ref”获取子组件的dom信息；2.在子组件中调用其他函数，使用this.$emit(‘事件名’,参数)的方法触发事件；3.子组件的参数被传递出去,父组件接收到参数；子组件son.vue代码如下：sendnumberexportdefault{name:'son',data(){return{num:10}},methods:{sendnumber(){//this.
zyy_wx·2025-04-01 22:53

Vue 组件通信 - 中央事件总线

Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue组件通信-中央事件总线目录中央事件总线图示准备工作设置页面元素创建组件总结中央事件总线使用vue的监听和触发来实现中央事件总线方式。
JSON_L·2025-04-01 21:20

vue-office 支持预览多种文件(docx、excel、pdf、pptx)预览的vue组件库

官网地址：https://github.com/501351981/vue-office支持多种文件(docx、excel、pdf、pptx)预览的vue组件库，支持vue2/3。
一城烟雨_·2025-04-01 12:16

如何让你的vue组件更好的被使用（Vue-Styleguidist中文文档）

近期新开项目，发现之前编写的组件不知道怎么用，要不看源码，要不就只能看以前的代码。所以找到Vue-styleguidist，把之前的组件都编写文档方便以后使用，就像看element-ui等组件库的文档一样，使大家的开发效率提升，推荐给各位。先上官方demo看看效果，多种样式供你选择。起步安装npm安装npminstall--save-devvue-styleguidist如果使用的是VueCli，
·2025-03-30 12:23

Vue学习笔记集--生命周期

生命周期：指的是一个Vue组件从创建→挂载→更新→销毁的完整过程。类比人的一生：出生（组件创建）→上学（挂载到页面）→工作变化（数据更新）→退休（组件销毁）。
Three～stone·2025-03-29 20:57

vue3(笔记)5.0--pinia工具的知识扩展

getters类似于Vue组件中的计算属性，用于派生状态。actions用于修改状态和执行异步操作。示例代码：import{defineStore}from'pinia
不断努力的根号七·2025-03-27 10:22

Vue 3 模板引用（Template Refs）详解与实战示例

本篇文章将详细介绍Vue3的ref模板引用的用法、适用场景，并通过多个示例展示如何在Vue组件中高效操作DOM和组件实例。1
设计师晏军·2025-03-27 03:02

浅谈Vue组件开发几个原则

江湖传闻随着互联网技术的发展，HTML从最初静态网页，发展到现在各端丰富多彩的应用。当初的江湖霸主jQuery，现在已经偏安一隅。angularJS手持MVC利剑，用其庞大的身躯，在前端江湖那平静的湖面砸出一股巨浪。随后React利用家族优势，扛着MVVM宝剑，也在前端江湖掀起了血雨腥风。之后Vue偷师学艺并融合ES5前辈的绝学，利用MVVM宝剑的优势，很快也打下了一片天地。Vue与Angular
Doniet·2025-03-26 21:20

vue3中进行本地存储，读取与删除

具体步骤如下：在Vue组件中，可以通过以下方式来设置localStorage：localStorage.setItem('key','value');其中，key为存储的键名，value为存储的值。
水水不水啊·2025-03-26 06:51

vant官网-vant ui 首页-移动端Vue组件库

Vant是有赞前端团队开源的移动端vue组件库，适用于手机端h5页面。
embelfe_segge·2025-03-23 21:48

如何解决Vue组件间传递数据的问题？

父向子传递数据子向父传递数据2.2兄弟组件通信：共享父组件或全局事件总线通过共同父组件全局事件总线（EventBus）2.3跨级组件通信：Provide/Inject2.4全局状态管理：Vuex3.总结1.引言在实际开发中，Vue
几何心凉·2025-03-23 15:01

Vue 表单输入绑定，双向绑定

一、v-model指令用于Vue表单双向绑定用户Vue组件属性双向绑定v-model还可以用于各种不同类型的输入，、元素。
天马3798·2025-03-23 11:34

基于 Vue.js 和 Element UI 实现九宫格按钮拖拽排序功能 | 详细教程与代码实现

1.安装依赖首先，确保你已经安装了vuedraggable库：npminstallvuedraggable2.创建组件接下来，创建一个Vue组件来实现九宫格拖拽排序功能。
小杰~·2025-03-18 15:18

颠覆传统开发！诚邀您加入AI Dev Engineer计划！

它给你返回了一段后端代码，或者一个Vue组件……然后呢？你还是要手动搭建整个项目，粘贴代码，配置依赖，调试环境，所有的重复
北堂飘霜·2025-03-16 15:30

在Vue自定义事件中，父组件如何接收子组件传递的多个参数

文章目录1.Vue组件通信概述2.自定义事件的基本用法2.1子组件触发自定义事件2.2父组件监听自定义事件3.传递多
北辰alk·2025-03-15 15:39

vue处理接口返回EventStream数据并进行展示

1、在Vue组件中连接外部SSE接口HTML：来自本地文件的SSE流数据：-----+++++JS：mounted(){//http://localhost:3001/sse-stream为返回EventStream
zuo-yiran·2025-03-15 12:43

vue中el-tree的懒加载

懒加载是指在Vue组件渲染的过程中，只加载当前可见的部分数据，而不是一次性加载整个数据。这种方法可以显著提高页面的加载速度和响应性能，特别是在大型数据集上。
zhz5214·2025-03-15 09:22

「手把手教学」Monorepo项目搭建与管理——实战案例

Monorepo项目搭建与管理文章目录Monorepo项目搭建与管理@[TOC]实战案例第一部分：Vue组件库搭建1.1创建Vue组件库子包1.2安装Vue相关依赖1.3创建组件示例1.4配置Vite构建实战案例第二部分
lifire_H·2025-03-14 14:03

vue3 antd table表格样式修改——ant design vue table表格的行高调整

antdesignvuetable组件的默认样式（调整每行行高）知识调用场景复现实际操作解决a-table表格padding过宽知识调用文章中可能会用到的知识链接vue3+antdesignvue+ts实战【ant-design-vue
Dorable_Wander·2025-03-14 08:45

2.4 基于Vitest的单元测试基础设施搭建

Vitest核心定位2.基础设施架构设计整体架构图3.环境配置全流程3.1基础环境搭建3.2配置文件`vitest.config.ts`3.3测试环境初始化4.测试用例编写规范4.1基础测试示例4.2Vue
北辰alk·2025-03-13 04:55

Vue组件化开发：如何将一个大型应用拆分成多个小组件

在现代前端开发中，组件化开发已经成为一种主流的开发模式。Vue.js作为一款流行的前端框架，提供了强大的组件化支持，使得开发者能够将复杂的应用拆分成多个可复用、易维护的小组件。本文将详细介绍如何利用Vue的组件化开发思想，将一个大型应用拆分成多个小组件进行开发。1.什么是组件化开发？组件化开发是一种将用户界面拆分为独立、可复用的组件的开发方式。每个组件负责特定的功能或视图部分，组件之间通过prop
码说数字化·2025-03-12 20:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他