VUE组件

MTTK Vue Wrap 项目介绍

的组件封装工具，核心目标是通过纯JavaScript/TypeScript替代传统的单文件组件（SFC）开发模式，同时兼容与SFC的混合使用.它允许开发者通过类似JSON的配置对象或动态生成的脚本快速构建Vue
MTTKbelinda·2025-02-17 10:53

vue框架生命周期详细解析

Vue.js的生命周期钩子函数是理解Vue组件行为的关键。每个Vue实例在创建、更新和销毁过程中都会经历一系列的生命周期阶段，每个阶段都有对应的钩子函数，开发者可以在这些钩子函数中执行特定的操作。
黑码小帅·2025-02-16 05:10

在Vue项目中使用高德地图Marker

目录前置准备1.创建Vue项目2.安装高德地图SDK实现Marker组件1.创建Map.vue组件2.使用Map组件运行项目高级功能1.动态添加和删除Marker2.自定义Marker样式3.添加信息窗体性能优化前置准备
小刘哥007·2025-02-15 21:42

vue3使用svg图标的方式总结

1234567891011121314.icon{width:24px;height:24px;fill:currentColor;}2.使用Vue组件可以将SVG图标封装为Vue组件，以便在应用程序中多次使用
lizi88888·2025-02-15 12:02

比较Vue 3中的setup函数如何与Vue 2中的created和data属性相比

Vue3的setup函数vsVue2的created和dataVue3引入了setup函数，作为CompositionAPI的核心部分，它彻底改变了Vue组件的逻辑组织和代码复用方式。
dxh_888·2025-02-14 22:12

Vue.js前端开发实战学习笔记

Vue.js前端开发实战学习笔记一、学习教材Vue.js3前端开发实战————————张益珲github仓库地址gitee仓库地址二、第一章从前端基础到Vue.js3三、第二章Vue模板应用四、第三章Vue
cai-4·2025-02-14 19:11

前端vue如何实现数字框中通过鼠标滚轮上下滚动增减数字

以下是一个简单的示例，展示如何在Vue组件中实现这个功能：1.创建一个Vue组件（或在现有的组件中添加相关逻辑）。2.在模板中定义一个元素。
@百思不得奇解·2025-02-13 17:55

Vue - 在纯 JS 文件中调用自定义组件 / 类似 ElementUI 弹框组件 Message、Modal（在纯 js 文件中通过 import 方式引入并调用弹框模态框组件显示出来,）

前言用过ElementUI/AntDesignvue组件库的都知道，它们的消息提示框（Message）及模态框（Modal）不仅可以用组件的方式调用，还可以在纯js文件中引入组件和调用显示。
王二红·2025-02-11 05:01

DeepSeek 助力 Vue 开发：打造丝滑的步骤条

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的步骤条指令输入think步骤步骤1：安装依赖项步骤2：创建文件结构步骤3：编写Vue组件
宝码香车·2025-02-11 05:29

推荐开源项目：TresJS - 壮大的Vue + ThreeJS 搭建3D场景库

这是一款基于Vue组件的声明式ThreeJS框架，让创建3D场景如同编写Vue组
秋或依·2025-02-10 19:43

TresJS：用Vue组件构建3D场景的新选择

在当今数字化时代，3D图形技术正以前所未有的速度发展，从游戏开发到虚拟现实（VR）、增强现实（AR），再到各种沉浸式体验，3D技术的应用场景日益丰富。TresJS作为一款基于Three.js的Web3D开发框架，以其强大的功能和简洁的API，为开发者提供了一个高效、便捷的开发平台。今天，就让我们一起走进TresJS的世界，探索它的魅力所在。一、TresJS简介TresJS是一个基于Three.js
z止于至善·2025-02-10 18:41

Vue 3.4 深度评测：全新 defineModel 解决了哪些痛点 ？

二、Vue组件通信痛点回顾2.1传统的props和emits模式在Vue3之前，组件之间的通信主要依赖于`props
码上前端·2025-02-10 15:17

⚡️⚡️Vitest，解锁 Vue 组件测试的高效之道

⚡️⚡️Vitest：解锁Vue组件测试的高效之道原文链接：TestingVuecomponentswithVitest作者：JacobAndrewSky译者：倔强青铜三前言大家好，我是倔强青铜三。
·2025-02-09 03:47

⚡️⚡️Vitest，解锁 Vue 组件测试的高效之道

⚡️⚡️Vitest：解锁Vue组件测试的高效之道原文链接：TestingVuecomponentswithVitest作者：JacobAndrewSky译者：倔强青铜三前言大家好，我是倔强青铜三。
·2025-02-08 22:36

vue高级面试题

以下是一些Vue高级面试题：一、Vue组件相关Vue组件通信有哪些方式？答案：Props和Events：父组件通过props向子组件传递数据，子组件通过$emit触发事件向父组件发送消息。
·2025-02-07 17:39

Vue.js组件开发-实现字母向上浮动

绑定动画类：在Vue组件中，为字母元素绑定动画类。完整代码{{letter}}exportdefault{data(){return{//要显示的字母字符串text:"Hello,World!"
LCG元·2025-02-05 23:12

Vue 组件化开发指南：父子组件传值、emit、refs、事件总线、Provide/Inject

Vue组件化开发指南：父子组件传值、emit、refs、事件总线、Provide/InjectVue组件化开发指南：父子组件传值、emit、refs、事件总线、Provide/Inject一、Vue组件化开发概述
prince_zxill·2025-02-05 12:51

Vue3的Composition API：Composition API是Vue3的一大新特性，它提供了一种更灵活的方式来组织和复用代码，特别是在处理大型组件或项目时

1.介绍1.什么是CompositionAPICompositionAPI是Vue.js3.0中引入的一项新特性，提供了一种新的、更灵活的方式来组织Vue组件的代码。
哎 你看·2025-02-04 20:29

《Vue 组件化开发：构建可复用的模块》

一、Vue组件化开发概述组件化是Vue.js的核心概念之一，它允许将界面拆分成独立、可复用的组件，使得开发大型应用变得更加简单和高效。组件的定义是实现应用中局部功能代码和资源的集合。
计算机毕设定制辅导-无忧学长·2025-02-03 15:06

Vue 组件开发：构建高效可复用的前端界面要素

通过合理设计和封装Vue组件，我们可以实现组件的高效复用，提高开发效率，同时保证界面的一致性和可维护性。2理解Vue组件2.1组件的基本概念Vue组件是Vue实例的一个扩展。
随风九天·2025-02-03 15:29

Vue生命周期钩子是如何实现的

Vue的生命周期钩子是在Vue组件创建、挂载、更新、销毁等过程中自动调用的特殊函数。这些钩子允许开发者在组件的不同阶段执行特定的逻辑。
youhebuke225·2025-02-02 10:23

Elementui 中el-form表单中的ref是干嘛用的

通过给el-form添加ref属性，你可以在Vue组件中通过引用来访问和操作这个表单组件，而不需要通过DOM查询或其他方式。
serve the people·2025-02-01 06:48

探索2025年最流行的移动端前端框架

VantVant是一个轻量、可靠的移动端Vue组件库，适用于各种业务场景。它提供了丰富的组件和良好的文档支持，是许多电商应用的首选。
程序猿000001号·2025-01-31 05:49

Vue.js组件开发-实现全屏背景图片滑动切换特效

编写Vue组件逻辑：实现图片切换的逻辑。详细代码1.创建Vue项目首先，确保已经安装
LCG元·2025-01-30 21:14

Nuxt：利用public-ip这个npm包来获取公网IP

目录一、安装public-ip包1.在Vue组件中使用2.在Nuxt.js插件中使用public-ip一、安装public-ip包npminstallpublic-ip1.在Vue组件中使用你可以在Nuxt.js
前端白袍·2025-01-30 20:41

Vue.js组件开发-实现导出PDF文件可自定义添加水印及水印样式方向

创建Vue组件：在组件中实现水印生成、HTML转canvas、canvas转PDF的功能。设置水印样式和方向：支持自定义水印内容、字体、颜色、透明度、旋转角度等。
LCG元·2025-01-30 12:24

vue router路由复用及刷新问题研究

了解vue组件复用的应该知道，复用时并不会更新组件内部自身data中拥有的响应式属性，但是如果是通过prop
小白路过·2025-01-29 21:02

# VueBus 总线传参数

简介vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过props向下传数据给子组件，当子组件有事情要告诉父组件时会通过$emit事件告诉父组件。
泯泷·2025-01-29 16:18

25.1.13 前端 Vue组件 十、插槽slot

我们已经了解到了组件能够接受任意类型的js值作为props，但组件要如何接收模板内容(html信息)呢？在某些场景中，可能想要为子组件传递一些模板片段（div，a标签等），让子组件在它们的组件中渲染这些片段例：插槽标题插槽内容importSlotsBasefrom"./components/SlotsBase.vue";exportdefault{components:{SlotsBase}}——
best_virtuoso·2025-01-29 10:48

uni-app组件引入方法（easycom自动化组件）

官方给出：传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。只要组件安装在项目的components目录下，并符合compon
约妲己吃火锅·2025-01-29 08:31

Vue组件开发-使用 html2canvas 和 jspdf 库实现PDF文件导出 设置页面大小及方向

以下是详细的实现步骤和代码示例：步骤1：安装依赖首先，在项目中安装html2canvas和jspdf：npminstallhtml2canvasjspdf步骤2：创建Vue组件以下是一个完整的Vue组件示例
LCG元·2025-01-29 06:08

vue组件添加全局方法_vue组件挂载到全局方法

在最近的项目中，使用了bootstrap-vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入，并不像element那样可以通过this.$xxx来调用，那么问题来了，如何通过this.$xxx来调用起我们定义的组件或对我们所使用的UI框架的组件呢。以bootstrap-vue中的Alert组件为例，分一下几步
缪之初·2025-01-29 04:25

vue组件挂载到全局方法

vue组件挂载到全局方法在最近的项目中，使用了bootstrap-vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入
w1366352655·2025-01-29 04:23

Vue学习第31天——编程式路由导航5种方法详解及案例练习（与声明式路由导航对比）

2、理解不借助实现路由跳转3、用法在vue组件中，可以通过$router访问路由实例，因此
离奇6厘米·2025-01-28 06:07

Vue.js组件开发-Vue实现上传word模版打印设置自定义样式和布局

创建上传组件：在Vue组件中添加文件上传功能。处理Word模板：使用docx-templates库加载并处理Word模板。设
LCG元·2025-01-27 21:01

如何在Vue3项目中引入并使用Echarts图表

在Vue3项目中引入并使用ECharts图表，你可以通过npm或yarn来安装ECharts，然后在Vue组件中引入并使用它。
北原_春希·2025-01-27 10:14

Vue 框架深度剖析：原理、应用与最佳实践

目录一、Vue框架简介二、Vue的安装与基本使用（一）安装（二）基本使用三、Vue组件（一）创建组件（二）组件通信四、Vue模板语法（一）插值（二）指令（三）计算属性和侦听器五、Vue过渡与动画（一）过渡类名
秋夜Autumn·2025-01-26 01:06

Vue组件的概念与复用

目录一、引言二、为什么使用组件二、什么是Vue组件三、组件的复用优势四、组件复用的实现方式五、组件通信六、总结一、引言在Vue.js的世界里，组件是构建用户界面的基石。
2401_85969651·2025-01-25 11:50

Vue 组件的概念与复用

目录一、引言二、什么是Vue组件三、组件的复用优势四、组件复用的实现方式五、组件通信六、总结一、引言在Vue.js的奇妙天地里，组件宛如熠熠生辉的基石，稳稳撑起用户界面构建的大厦。
2401_85969651·2025-01-25 11:49

this.form = { ...this.form, relatedIds: [] } 更新 Vue 组件中 form 对象的状态，并且将 relatedIds 属性的值重置为空数组

this.form={...this.form,relatedIds:[]}这行代码是JavaScript中一种常用的对象操作方式，主要用于更新Vue组件中form对象的状态，并且将relatedIds
小丁学Java·2025-01-24 19:51

vue组件学习三(插槽)

目录1、匿名插槽2、渲染作用域3、默认内容4、具名插槽5、条件插槽6、作用域插槽7、具名作用域插槽最后1、匿名插槽父组件调用Mycomponet1组件clickme子组件为最后结果为clickme2、渲染作用域因为插槽的内容是在父组件中定义的，所以能访问到父组件中的数据作用域，无法访问到子组件的数据。3、默认内容在我们没有从父组件中提供插槽内容时，可以提供一个默认值例如：默认内容在这个例子中，父组
@爱学习的小姜·2025-01-24 03:09

Vue.js 深度剖析：2024 前端高频面试题详解

2.Vue组件通信方式有哪些？3.Vue的生命周期是什么？4.如何优化Vue应用性能？5.什么是Vue的CompositionAPI？6.什么是Vue的VirtualDOM？
跟着小郑学前端·2025-01-23 18:39

vue2和vue3组件传值——父传子

****近期学习vue3的组件传值，发现和之前的vue2版本并没有什么区别，实现的思路都是一样的，文章底部我会用大白话叙述一下vue组件传值的思路过程。
MvemiZ·2025-01-22 03:03

前端框架vue和react

Vue的响应式系统是其核心，它允许Vue组件响应数据的变化。这是通过Vue的内部机制实现的，包括使用ES5的Object.defineProperty（Vue2.
前端虫·2025-01-21 21:46

vue基础代码第一篇

/App.vue';createApp(App).mount('#app');2在Vue组件中使用数据绑定  {{ message }}import { defineComponent } from '
东锋1.3·2025-01-21 09:23

小明，谈谈Vue组件动态加载有哪些方式

动态加载组件可以显著提高应用的性能，优化用户体验，尤其是在大型应用中，合理的组件加载策略尤为重要。本文将探讨几种在Vue中实现组件动态加载的具体方案。1.异步组件Vue允许将组件定义为异步组件，从而在需要时动态加载它们。这可以通过使用import()函数来实现，具体示例如下：constAsyncComponent=()=>import('./components/MyComponent.vue')
·2025-01-20 22:15

Vue 中实现修改数组，并保持页面渲染数据是响应式更改

示例代码（Vue2和Vue3）假设你在Vue组件中处理这个问题：UpdateCard{{card.name}}:{{card.value}}
上趣工作室·2025-01-20 01:09

使用vue3实现语音交互的前端页面

npminstallvue@next然后，创建一个Vue组件：开始录音开始播放import{ref}from'vue';constSpeech
Rverdoser·2025-01-19 09:56

Vue 开发者的 React 实战指南：组件设计模式篇

组件基础对比Vue组件Vue组件通常采用单文件组件（SFC）的形式：{{username}}{{bio}}exportdefault{name:'UserCard',props:{username:{type
·2025-01-19 03:26

Vue.js组件开发-解决PDF签章预览问题

步骤和建议：1.选择合适的PDF预览库‌vue-pdf‌：基于PDF.js的Vue组件，提供响应式PDF查看、WebWorker优化的性能和丰富的API。
LCG元·2025-01-19 01:38
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他