vue组件第2页

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

vue读取excel表格内容

vue读取excel文件内容1.安装第三方工具xlsxnpminstallxlsx2.在vue组件中引入xlsximport*asxlsxfrom'xlsx'3.使用xlsx读取excel文件html部分上传

·2025-06-07 02:23

Vue 手风琴实现的三种常用方式及长尾关键词解析

数据绑定：在Vue组件中，定义一个布尔值来表示手风琴组件的展开状态。例如：data()

小焱写作·2025-06-06 20:04

npm如何发布自己的vue组件库

一、登录npm网站（1）确认在npm源上，如果是淘宝镜像源需要切换到npmnpmconfigsetregistryhttps://registry.npmjs.org///修改回npmnpmconfigsetregistryhttps://registry.npmmirror.comnpmgetregistry//查看npm镜像源使用状态（2）创建npm账号密码后，命令行中输入以下语句，按要求登录

十五i·2025-06-05 11:55

VUE组件库开发八股

VUE中后台组件库开发项⽬地址：https://github.com/Xiaodie-888/element.git项⽬描述：基于Vue3+TypeScript开发的轻量级组件库，采⽤CompositionAPI实现组件设计，⽀持按需引⼊和主题定制。核⼼⼯作与技术：组件开发：基于Vue3实现Button、Input等基础组件，采⽤JSX提供灵活渲染，通过Props类型定义实现loading、dis

Xiao_die888·2025-06-04 23:53

Vue组件学习

1、开头说一下注册的组件的方法是：!!!在这边的开头要注意一下组件书写的时候都是要加上div的，这样在渲染的时候才会把template里面所有的HTML语句都显示出来。这里的注册的全局组件是：这里的tagName意思是定义的组件的名称，命名的方式是：字母全部都是小写的形式，而且包含一个“-”的符号options是放进去的组件的选项对象，这里的组件是可以复用的对象Vue.component(tagN

在代码的海洋中寻找亚特兰蒂斯·2025-06-04 12:29

vue组件传参

一、组件传参的类型vue组件之间可以进行参数传递，组件传参可分为父向子传参、子向父传参、兄弟之间传参二、定义组件1、首先在src的子文件compoment下新建一个组件CounterCom2、在App.vue

开心就来soul·2025-06-02 04:09

Vue 组件的 setup 函数中如何访问 this？为什么不推荐这样做？

大白话Vue组件的setup函数中如何访问this？为什么不推荐这样做？前端小伙伴们，有没有在Vue3的setup函数里疯狂找this的经历？就像在海底捞针，结果发现针不见了！

前端布洛芬·2025-06-01 21:19

Vue3进阶教程：1.初次了解vue

1.初次了解vuevue文件目录和各个文件在这里不做介绍此课程对针对有点vue基础的同学，或者看过我上部分vue的教程与之前我的Vue教程不同的是，写法和内容有区别真正的了解Vue31.创建vue组件1

Python涛哥·2025-05-28 08:46

uniapp好不好

Uniapp的基本概念和背景Uniapp是DCloud团队开发的一款跨平台开发框架，它使用Vue.js作为基础框架，并支持使用JavaScript和Vue组件进行开发。Uniapp通过We

hunzi_1·2025-05-27 14:44

常用自定义指令-防抖与节流【vue】【二】

VUE】此篇文章介绍，自定义指令的防抖(Debounce)与节流（Throttle）文章目录前言自定义指令防抖指令节流指令自定义指令防抖指令exportdefault{install(app){//在Vue

蓝莓味的口香糖·2025-05-25 16:26

vue3前端路由缓存实现

缓存实例的生命周期3.pinia新增缓存维护字段4.导航守卫4.1全局前置守卫router.beforeEach4.2全局解析守卫router.beforeResolve4.3清除缓存二、细节处理1.vue

i_am_a_div_日积月累_·2025-05-23 10:53

vue3中怎么动态添加或者取消class或者属性

示例代码：假设在一个Vue组件中有一个按钮，点击按钮时改变一个div元素的类名。切换类名import{ref}from'vue';exportdefault{setu

ljbaofu_CSDN·2025-05-23 02:03

vue实战指南 vue项目中radio和checkbox美化方法

vue项目中radio和checkbox美化方法基本概念和作用说明单选按钮（Radio）复选框（Checkbox）美化的重要性示例一：使用纯CSS美化单选按钮示例二：使用纯CSS美化复选框示例三：使用Vue

DTcode7·2025-05-23 01:25

一次项目合并经历

最好不用开发，你们前端不都是Vue组件么？复用一下噻？刚接到需求的

咕咕鸡5·2025-05-21 14:12

对单元测试的思考（稳定性建设）

比如一个函数、一个react、vue组件。2.为什么要写单测？

测试界晓晓·2025-05-21 11:21

Vue百日学习计划Day33-35天详细计划-Gemini版

总目标:在Day33-35理解Vue组件从创建到销毁的完整生命周期，熟练掌握CompositionAPI中主要的生命周期钩子，并知道在不同阶段执行哪些操作。

LuckyLay·2025-05-20 06:15

Vue.js 中，前端如何处理从后端返回的 Excel 文件流

具体步骤：1.安装axios（如果还未安装）npminstallaxios2.编写Vue组件下载Excelimportaxiosfrom'axios';expor

清风南归·2025-05-20 05:09

vue组件传参的八种方式详细总结

在Vue中，组件之间的传参是构建动态和交互性用户界面的关键。Vue提供了多种方式来传递参数，以下是对这些方式的详细说明：一、PropsProps是Vue中组件之间传递数据的一种常见方式。父组件可以通过props将数据传递给子组件，子组件通过props选项来接收这些数据。使用方式：父组件中定义要传递的数据，并在使用子组件时以属性的形式传递。子组件中通过props选项来声明要接收的数据。示例：impo

咔咔库奇·2025-05-19 08:50

vue2 组件封装

vue2组件封装文件组织形式Vue组件的三大核心属性（props、data和样式）datavsprops打破props单向数据流事件表单修饰符事件修饰符插槽新指令v-slot其他杂项组件生成id\$nextTick

JackChouMine·2025-05-18 19:48

使用vue-office报错TypeError: ft.createElementVNode is not a function

支持多种文件(.docx、.xlsx、.xls、.pdf、.pptx)预览的vue组件库，支持vue2/3。也支持非Vue框架的预览。

沈玉☆·2025-05-18 00:39

前端 Vue.js 与 WebSocket 的集成应用

通过剖析WebSocket协议原理、Vue组件生命周期与响应式机制的结合，提供完整的代码实现方案。涵盖开发环境搭建、消息处理逻辑、重连机制、安全优化等关键技术点

前端视界·2025-05-17 00:53

前端工程化&&Webpack 和 Vite 的区别

主要包括：模块化（ESModules、CommonJS）组件化（React/Vue组件）构建工具（Webpack、Vite、Rollup）代码规范（ESLint、Prettier）CI/CD（自动化测试

前端日记·2025-05-14 07:47

自动滚动+光波特效+自制滚动条的走马灯特效的vue组件

这个特效是自动走马灯播放,但是鼠标放在滚动和区域上后停止滚动并且出现自制滚动条,滚动条拉动跟滚动区域等比滚动,最后鼠标放到详情div上会出现关闭特效vue组件代码{{patent}}{{patent}}

HebyH_·2025-05-14 07:42

Nuxt.js知识框架

components:放置可重用的Vue组件。layouts:定义全局布局组件，默认提供default.vue布局。pages:自动路由配置的基础路

言拂C·2025-05-13 12:03

vue引用vue-office实现docx、excel、pdf等文件预览

vue-officevue-office支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3，也支持非Vue框架的预览。

前端工程师hui·2025-05-13 05:54

Vue 组件通信方式总览

Vue组件通信方式总览通信方式适合场景简单描述props+emit父子组件传值父传数据给子，子触发事件通知父v-model父子双向绑定父和子同步更新数据provide/inject祖孙组件传值父（祖先）

Adolf_1993·2025-05-11 20:47

vue 组件库二次封装

vue组件库二次封装需求背景：项目使用arco-design组件库，ui界面对于单选有统一的界面，对于封装组件有一个大原则就是我们应该尽量保持原有组件的接口，除了我们需要封装的功能外，我们不应该改变原有组件的接口

Jelly儿·2025-05-11 17:26

工程化:vite3+vue3二次封装antdvue组件方法

有时候，第三方的组件库不能满足我们的业务需求，就有必要对别人的组件进行再次的封装，下面我们以antdvue里面的button组件二次封装为例，研究下封装的过程最后效果基础代码<a-buttontype

风清云淡_A·2025-05-11 17:55

✍️【Vue组件通信全攻略】8种方式一网打尽，父子孙组件都能聊！

哈喽小伙伴们！今天我们来解决Vue开发中的"世纪难题"——组件之间到底怎么传数据？就像快递小哥如何在小区里送货，看完这篇让你轻松玩转组件聊天室！(•̀ω•́)✧一、为什么需要组件通信？想象乐高积木要拼接成城堡：父组件→子组件：“给你一箱砖块（数据）”子组件→父组件：“城墙建好了（事件反馈）”兄弟组件：“借我个窗户（共享数据）”二、8大通信方式详解1️⃣Props传参——父子快递defineProp

淺黙ベ·2025-05-09 07:36

Vue.js组件开发与优化技巧

创建一个新的Vue组件，需要定义三个基本部分：模板、脚本和样式。下面是一个创建名为LV

AR新视野·2025-05-09 07:04

vue项目中渲染markdown并处理报错

前言：想在vue项目中渲染markdown并处理报错问题有以下几种方式：1、使用第三方Markdown插件2、通过Markdown转HTML工具3、使用Vue组件处理Markdown一、首先第一种：使用第三方

guhy fighting·2025-05-07 23:41

在 Vuex 中，获取值（state）和设置值（通过 mutations 或 actions）是通过一些特定的概念和方法来实现的。

获取值（State）在Vuex中，state是存储在Vuexstore中的数据对象，可以通过以下几种方式获取state中的值：在组件中获取state：在Vue组件内部，你可以使用this.

我爱加班、、·2025-05-04 16:51

vue组件中插入图片

最近在Vue学习交流群里面发现很多小伙伴在想要在vue中显示图片，但是把图片写在data里面作为变量传到模板中的时候却发现图片出不了，以为是图片路径的问题，查了半天还是出不来。解决方法方案1：使用require将图片进入，写法如下logo:require('../asset/admin/logo.png')1然后再模板中：1就可以了。方案2：把图片放在static文件夹中，如下然后再data里面直

风兮w·2025-05-02 18:13

Bug 解决 | 组件库报错、或样式丢失不生效

3、使用AntDesignVue组件库，启动后显示antd.css不存在？

小洪爱分享·2025-05-02 05:53

【Vue bug】:deep()失效

vue组件中使用了element-plus组件取消确定//组件内自定义的elementplus的样式，:deep(.el-dialog){border-radius:10px!

致微·2025-05-02 05:51

跨版本Vue组件封装实战：一招解决Vue2/Vue3双版本兼容

跨版本Vue组件封装实战：一招解决Vue2/Vue3双版本兼容前言在企业级组件库开发中，同时支持Vue2和Vue3是提升技术资产复用率的关键需求。

二川bro·2025-05-01 21:59

【分页表格】Vue2 + Element UI实现自定义的分页表格组件（自定义Vue组件）

这篇文章，主要介绍Vue2+ElementUI实现自定义的分页表格组件（自定义Vue组件）。

Mr.小朱同学·2025-04-30 04:27

前端基础之《Vue（9）—混入》

一、什么是混入1、是一种代码复用的技巧Vue组件是由若干选项组成的，向组件中混入可复用的选项。

csj50·2025-04-28 05:02

推荐频道

vue组件