Vue组件

你肯定不知道：Vue组件的动态加载、销毁

下图展示了4个代表不同文档材料的Vue组件。为简化起见，每个组件用一个DIV元素表示，其内容为一张图片。只要双击某个图片，即可卸载该图片对应的Vue组件！

闲一杯·2025-07-11 14:51

打造自己的组件库（一）宏函数解析

public/#静态资源目录│└──vite.svg#Vite默认图标├──src/#源代码目录│├──assets/#项目资源文件││└──vue.svg#Vue图标│├──components/#Vue

行云＆流水·2025-07-10 18:37

vue3 + element-plus el-table表格二次封装，支持复选框，排序，分页。

一、customTable.vue组件{{(currentPage-1)*pageSize+scope.

·2025-07-10 15:21

vue-cropper实现图片裁剪

下面是他们的区别：特性cropper.jsvue-cropper框架依赖纯JavaScript，无框架依赖专为Vue.js设计包体积~200KB(含样式)~45KB(压缩后)API调用方式原生DOM操作Vue

鸡吃丸子·2025-07-09 10:13

Vue中keep-alive结合router实现部分页面缓存

详解vue组件的keep-alive_你永远在this.$parent中找不到keep-alive-CSDN博客Vue生命周期总结1.有哪些生命周期系统自带的生命周期：be

妮妮喔妮·2025-07-09 08:28

vue-scrollto实现页面组件锚点定位

文章目录前言背景操作指南安装及配置步骤vue组件中使用参考文章前言博主介绍：✌目前全网粉丝3W+，csdn博客专家、Java领域优质创作者，博客之星、阿里云平台优质作者、专注于Java后端技术领域。

长路 ㅤ ·2025-07-08 17:20

在屏幕中心显示定位点

$ownerInstance.callMethod('savePoint',{//调用Vue组件中的方法position});//转换屏幕坐标varpixel=this.map.lngLatToContainer

·2025-07-06 22:15

vue-39（为复杂 Vue 组件编写单元测试）

实际练习：为复杂Vue组件编写单元测试单元测试对于确保复杂Vue组件的可靠性和可维护性至关重要。通过隔离和测试代码的各个单元，您可以在开发过程的早期发现并修复错误，从而构建更健壮和可预测的应用程序。

清幽竹客·2025-07-05 06:47

【vue组件库搭建07】Vitest单元测试

vitest官网vue-test-utils我们的测试框架选择的是Vitest和vue-test-utils。两者的关系为：Vitest提供测试方法：断言、Mock、SpyOn等方法。vue-test-utils:挂载和渲染组件：VueTestUtils允许您在隔离中挂载组件，这意味着您可以测试单个组件而不必担心其子组件或需要完整的Vue应用环境。它还支持浅层挂载，其中子组件被存根，使测试更快并且

Eric⠀·2025-07-03 08:37

Vue实例及组件

目录一、Vue实例的属性和方法1.什么是vue实例：又称为Vue组件（1）Vue2.0创建Vue组件方法（2）Vue3.0创建Vue组件的方法2.Vue组件的属性3.Vue组件中的函数（1）限流函数二、

Yannick_H·2025-07-02 12:05

Vue 中的 watch 和 computed 的区别是什么？

理解这两者的差异对于编写高效和可维护的Vue组件至关重要。1.基本概念1.1computedcomputed是计算属性的简称，其本质是基于响应式数据的缓存计算值。

编程微刊(祈澈菇凉)·2025-07-02 10:19

StreamSaver实现大文件下载解决方案

StreamSaver实现大文件下载解决方案web端安装StreamSaver.jsnpminstallstreamsaver#或yarnaddstreamsaver在Vue组件中导入importstreamSaverfrom"streamsaver

诸葛亮的芭蕉扇·2025-07-02 04:36

Nuxt.js学习(二) --- Nuxt目录结构详解、Nuxt常用配置项、Nuxt路由配置和参数传递...

--.nuxt//Nuxt自动生成，临时的用于编辑的文件，build|--assets//用于组织未编译的静态资源入LESS、SASS或JavaScript|--components//用于自己编写的Vue

庭前云落·2025-07-01 05:31

Nuxt.js页面目录结构详解：从入门到精通

该目录下的每个Vue组件文件都会自动映射为一个应用路由，这种设计极大地简化了路由配置工

柏廷章Berta·2025-07-01 05:00

卡片区样式，按钮样式，运营模块

在Vue组件的标签中添加lang="scss"属性后，Vue（以及构建工具如Webpack）会识别这个属性，并使用相应的预处理器（如‌sass-loader‌）将SCSS代码编译成普通的CSS代码，这样浏览器才能识别和执行它

哎呦你好·2025-06-30 22:45

使用 Vue3-Ace-Editor 在 Vue3 项目中集成代码编辑器

而vue3-ace-editor是一个基于AceEditor的Vue组件，方便在Vue3项目中使用AceEditor。下面将介绍如何在Vue3项目中集成和使用vue3-ace-editor。

bigHead-·2025-06-30 21:04

在vue3中通过jspdf+html2canvas实现导出页面pdf功能

一、安装依赖npminstallhtml2canvasjspdf二、创建Vue组件下载文件importhtml2canvasfrom'html2canvas';importjsPDFfrom'jspdf

落晓星·2025-06-29 09:40

Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘style‘)“

问题解决这个错误通常在Vue组件的created钩子函数中发生，它表示在该钩子函数中尝试读取一个未定义的对象的style属性。

本郡主是喵·2025-06-29 06:10

使用 TinyVue 组件库搭建前端项目的实操体验

引言在本次活动中，我选择了使用OpenTiny提供的TinyVue组件库来搭建一个前端项目。通过这次实践，我不仅深入了解了TinyVue组件库的核心优势，还体验到了其在跨框架、跨版本开发中的便捷性。

Echo_Wish·2025-06-29 00:00

直播分享|TinyVue 组件库主题适配原理与实战

因此6月27日晚19点，体验技术团队TinyVue项目成员岑灌铭老师将为大家带来以《TinyVue组件库主题适配原理与实战》为主题的分享，届时将与大家共同探讨主题适配的内容概述及方案详解。

OpenTiny社区·2025-06-29 00:59

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

这种方法在操作上相对直观，更贴近常规的Git工作流，并且能较好地处理模板更新中可能涉及到的配置文件、依赖项以及Vue组件本身的变更。

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

Vue组件自动引入插件——unplugin-vue-components 快速接入教程

1.简介unplugin-vue-components是一款功能十分强大的插件，旨在简化组件的自动导入和使用，可以帮助我们在Vue项目中自动导入并注册我们使用的任何Vue组件，从而提高开发效率。

前端77·2025-06-28 06:47

vue2中前端实现图片裁剪上传到服务器

bash深色版本npminstallcropperjsaxios创建组件：创建一个Vue组件来处理图片选择、预览、裁

涔溪·2025-06-26 10:27

vue怎么实现pdf、excel、word文件离线预览？2024年2月份最新测试（可行方案和详细代码在文章末尾）

首先在项目中引入并注册WPS提供的SDK，然后在Vue组件中配置一个区域用于展示文档。根据官方API指南，创建相应组件，并通过接口传入文档URL或其他

一花一world·2025-06-26 04:17

Vue组件库---Element

什么是ElementElement:是饿了么团队研发的，一套为开发者设计师和产品经理准备的基于Vue2.0的桌面端组件库组件:组成网页的部件，例如超链接，按钮，图片，表格等官网:https://element.eleme.cn/#/zh-CN安装ElmentUI组件库[email protected]引入Element组件库importElementfrom'element-u

码不完的哥哥·2025-06-25 18:02

Vue 样式穿透语法大全（涵盖 Vue2、Vue3、Less、Scss 等）

样式穿透是在使用Vue组件时，为了修改子组件或第三方组件的样式而使用的一种特殊语法。当我们使用scoped样式时，由于样式被限制在当前组件内，要修改子组件的样式就需要使用样式穿透。

年纪轻轻就扛不住·2025-06-25 08:21

使用 Vue 3 + Tiny UI 实现动态表单项及自动校验功能

最终我选择使用Vue3和@opentiny/vue组件库来实现该功能，本文将详细分享我的实现过程。二、技术选型Vue3：基于CompositionAPI的响应式系统，使代码更简洁易维护。

三线码工·2025-06-25 04:22

vue-monoplasty-slide-verify 滑动验证码插件使用及踩坑

npminstall--savevue-monoplasty-slide-verify或yarnaddvue-monoplasty-slide-verify三、引入插件坑一：需要在main.js引入，在使用插件的.vue

我的心巴·2025-06-24 20:53

vue组件转html

import{App,Component,createApp}from"vue";/***将vue组件转换为html字符串**@paramrootComponentvue组件*@paramrootProps

对岸住着星星·2025-06-24 11:44

Vue 实例选项

关键要点Vue实例选项是用于定义Vue组件或应用行为的配置对象，主要在OptionsAPI中使用。

AI老李·2025-06-23 09:56

前端面试十之vuex

以下是关于Vuex的详细介绍：1.核心概念State（状态）它是Vuex中存储状态的地方，类似于普通Vue组件的data选项。

闲蛋小超人笑嘻嘻·2025-06-23 07:45

Vue 组件实例

直接回答关键要点：Vue组件实例是Vue.js中组件定义的具体化，研究表明它在应用中使用时会创建独立的实例。每个实例有自己的数据和方法，隔离性高，除非通过props或事件共享。

AI老李·2025-06-22 22:44

Vue组件花式聊天指南：6种传值妙招，总有一款适合你

大家好，我是江城开朗的豌豆，一名拥有6年以上前端开发经验的工程师。我精通HTML、CSS、JavaScript等基础前端技术，并深入掌握Vue、React、Uniapp、Flutter等主流框架，能够高效解决各类前端开发问题。在我的技术栈中，除了常见的前端开发技术，我还擅长3D开发，熟练使用Three.js进行3D图形绘制，并在虚拟现实与数字孪生技术上积累了丰富的经验，特别是在虚幻引擎开发方面，有

江城开朗的豌豆·2025-06-21 19:21

Vue中常用的鼠标移入移出事件

在Vue模板中，可以使用这两个事件来绑定方法，例如：鼠标移入移出在Vue组件的methods中定义对应

爱捣鼓的XiaoPu·2025-06-20 11:49

vue3 el-checkbox 筛选勾选项

npminstallelement-plus--save在你的Vue组件中：{{

海天胜景·2025-06-19 13:33

Vue的组合式API和选项式API

什么是组合式api：组合式api的组件编辑方式是Vue2.7以及Vue3以上的版本提出的全新概念，是一系列API的集合，使我们可以使用函数而不是声明选项的方式书写Vue组件。

3_Trick·2025-06-19 05:41

《vue3基础知识》学习笔记Day34-（Period2）进阶 API

第一个参数既可以是一个字符串(用于原生元素)也可以是一个Vue组件定义。第二个参数是要传递的prop，第三个参数是子节点。当创建一个组件的vnode时，子节点必须以插槽函数进行传递。

sameen1900·2025-06-18 22:54

Vue 3 生命周期钩子详解

一、Vue生命周期概述Vue组件的生命周期指的是一个Vue实例从创建到销毁的整个过程。在这个过程中，Vue提供了一系列的"钩子"（hooks），允许开发者在特定阶段插入自己的代码，实现特定的功能。

图灵科竞社资讯组·2025-06-18 19:02

Vue组件登录页面，记得修改路径等信息

登录/注册登录忘记密码？登录注册账户{{usernameError}}{{passwordError}}{{confirmPasswordError}}注册你好，朋友！输入您的个人信息，开始与我们同行。注册欢迎回来！请使用您的个人信息登录以保持连接。登录importRequestfrom'@/utils/request';importCookiesfrom'js-cookie';exportdef

爱好物理的一名程序员XiaoK·2025-06-18 07:38

vue人员轨迹_Vue项目（vuecli3.0搭建）集成高德地图实现路线轨迹绘制

先看最后实现的效果图高德地图api文档使用1、在index.html里面引入高德地图js文件2、引入之后我们就直接可以在vue组件里面使用了创建initMap方法，在mounted钩子函数中调用mounted

weixin_39638929·2025-06-17 12:35

vue组件websocket服务器,vue全局使用WebSocket

vue接入websocket首先就是网上的写法有很多但是都是需要创建一个对象进行相关的状态回调，有的是需要创建一个初始化方法进行相关的状态回调，然后看的我就一句话都挺好的，反正就是需要你去创建对象接收发送消息，然后我就在这写一个全局的使用的，因为我觉得大部分就是作为消息推送来用所以全局来用蛮好的。websocket是什么：首先是是基于TCP的全双工通信的协议然后就是websoket是通过客户端向服

·2025-06-15 17:19

vue css实现走马灯(轮播)组件，websocket推送数据

目标：实现一个vue组件，可以上下左右实现走马灯效果，且走马灯元素可自定义。

·2025-06-15 16:47

【随笔小记】复刻阿里云盘面包屑横向滚动条

Tab-Document1、首先，页面布局若要封装成vue组件，将数组list作为pro

不吃香菜的蟹老板·2025-06-15 16:17

前端八股文-vue篇

Vue组件生命周期主要分为8个阶段：创建阶段：beforeCreate：实例刚创建，data和methods还未初始化created：实例创建完成，data和methods已初始化，但DOM未挂载挂载阶段

啃火龙果的兔子·2025-06-13 12:24

在Vue3中使用 `vue-cropperjs` 实现图片裁剪、预览与上传功能

vue-cropperjs是一个基于cropperjs的Vue组件，提供了强大的图片裁剪功能。接下来我将详细介绍如何在Vue3中使用vue-cropperjs实现图片裁剪、预览与上传功能。

wandongle·2025-06-13 02:08

DAY02：Vue组件化开发深度解析：从原理到实战应用

一、组件化开发的核心价值扩展1.1组件化开发优势的工程学视角组件化开发本质上是分治思想的工程实现。在大型项目中，通过将系统拆解为独立组件，可以实现：并行开发加速：不同团队可同时开发不同组件，通过明确定义的接口进行协作。例如，前端团队可并行开发UI组件，后端团队实现数据接口，测试团队编写组件单元测试。质量保障体系：每个组件可建立独立的测试用例。以按钮组件为例，可编写如下测试：describe('Ba

听闻风很好吃·2025-06-12 08:24

Vue:axios（POST请求）

then(response=>{console.log('请求成功:',response.data);}).catch(error=>{console.error('请求失败:',error);});在Vue

虚拟系别·2025-06-12 00:06

✨ Vue 组件数据回显的艺术：解密订单备注的“记忆”功能！！！

✨Vue组件数据回显的艺术：解密订单备注的“记忆”功能嘿，各位前端攻城狮、Vue(一款用于构建用户界面的渐进式JavaScript框架)爱好者们！

小丁学Java·2025-06-11 22:57

什么是 Vue 实例，及其与组件的关系

什么是Vue实例，及其与组件的关系什么是Vue实例什么是Vue组件Vue实例与组件的关系什么是Vue实例每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的，在创建实例时，可以提供一个选项对象来定义这些配置

www.www·2025-06-11 07:05

vue将二维码做成名片，并且生成图片保存

你可以通过npm或yarn来安装它：npminstallhtml2canvas#或者yarnaddhtml2canvas2.组件形式2.1创建组件在你的Vue项目中，创建一个新的Vue组件，比如BusinessCard.vue

liaozk_c·2025-06-08 19:27

推荐频道