Vue组件开发

Vue大屏实战一：数字翻牌器的实现

文章目录1.效果预览2.数字翻牌器的实现3.vue项目中引入DataV4.大屏顶部翻牌器布局5.大屏数字翻牌器样式6.大屏数字翻牌器逻辑实现1.效果预览页面整体效果如下顶部的数字翻牌器效果2.数字翻牌器的实现数字翻牌器我们借助于
博主逸尘·2025-03-11 03:41

【开源精选】《前端铺子》：打造你的全能型小程序开发助手

【开源精选】《前端铺子》：打造你的全能型小程序开发助手qdpz-uniapp项目基于vue-uniapp，使用colorUi与uView框架，完美支持微信小程序，包含功能：自定义TabBar与顶部、地图轨迹回放
平淮齐Percy·2025-03-11 02:39

前端之vue2原理（全）

一、组件通信总结（有些不建议使用，打破vue单向数据流，可能出问题）常用父子组件通信：1.propevent；2.$ref$refs；3.
yh502956003·2025-03-11 02:35

vue scoped 原理解析

Vuescoped，原理，涉及到vue-loader的处理策略：一、首先呢，是VueLoaderPlugin策略：VueLoaderPlugin先获取了webpack原来的rules（即compiler.option.module.rule
短暂又灿烂的·2025-03-11 02:04

你知道 Vue scoped 原理吗？这波你在第几层？

⭐佛系回答scoped原理？不就是给那啥加一个特殊标识，然后样式就被唯一标记，就实现了样式隔离的作用。⭐⭐普通回答scoped原理呀当style标签加上scoped属性时，scoped会在DOM结构及css样式上加上唯一性的标记data-v-xxx属性，从而达到样式私有化，不污染全局的作用；⭐⭐⭐专业回答嗯！ScopeCSS的本质是基于HTML和CSS属性选择器，即分别给HTML标签和CSS选择器
CRMEB定制开发·2025-03-11 01:02

VUE3学习 第九章 webpack 构建Vue3项目、vue3性能优化、Vue3 Web Components、Vue3 响应式原理

一、webpack构建Vue3项目（纯手写不用cli）为什么要手写webpack不用cli（脑子有病）并不是其实是为了加深我们对webpack的了解方便以后灵活运用webpack的技术1.初始化项目结构
Hyman-ya·2025-03-11 01:00

深入理解Vue3中style的scoped

本文将以vue3为例，深入了解scoped原理。scoped实践vue3组件是如下定义样式：标
Jinuss·2025-03-11 01:00

element plus实现el-table中拖拽

1.安装vuedraggablenpmi-Svuedraggable2.在使用的组件，引入sortablejs包含在vuedraggableimportSortablefrom"sortablejs"3
m0_61618849·2025-03-11 00:53

element-plus动态表单验证

Vue3结合element-plus表单项可以动态添加/删除首先data格式必须是对象包裹数组import{ref,reactive}from'vue';import{FormInstance}from'element-plus'constfroms
m0_61618849·2025-03-11 00:23

Vue3中computed() 的全面用法（简单易懂，一篇就会）

1：引入import{computed}from'vue'2：使用letprice=ref(10);letamount=ref(3);lettotal=computed(()=>{returnprice.value
番茄小酱001·2025-03-11 00:22

Vue3 中 Computed 用法

产生一个新的变量并挂载到vue实例上去。
m0_61618849·2025-03-10 23:18

vue3修改elementui-plus的默认样式的几种方法

#创作灵感今天写vue的前端项目，因为需要去修改elementui-plus中drawer的默认样式，所以刚好将修改步骤记录下来。一共提供了三种方法，但亲测第二种最好用。
Demons_kirit·2025-03-10 23:43

Vue 4.0读心术——用AI生成产品经理想要的组件

1.人话翻译Vue4.0的就像奶茶店自动点单机：*传统开发：产品经理说“要五彩斑斓的黑”，你熬夜调色*AI辅助：输入“五彩斑斓的黑+科技感”，AI生成10种配色方案核心代码vue效果对比：传统开发耗时：
·2025-03-10 22:04

程序员如何玩转DeepSeek？这些实战技巧让你少走三年弯路

记得上周帮朋友调试代码时，他神秘兮兮地说："现在不搞DeepSeek，就像三年前没学Vue.js，要被时代抛弃喽！"要说DeepSeek最让人惊艳的，还得数它开源的那套"全家桶"。
·2025-03-10 22:02

js导出的xlsx无法打开_【js-xlsx和file-saver插件】前端导出数据到excel

最近在做项目，前端进行处理数据，导出excel中，还是遇到不少问题，这里将其进行总结一下，博主是vue框架开发，借用file-saver和xlsx插件进行导出excel,我们来看下代码和效果。
weixin_39994461·2025-03-10 22:06

【Vue】导出Excel（xlsx和file-saver）

在Vue中导出Excel文件，可以使用第三方库如xlsx和file-saver。
Y_coder·2025-03-10 22:06

Vue 3 组件库版本管理与发布策略：语义化版本控制与自动化发布流程 - 打造稳定可信赖的组件库生态

引言各位前端工程领域的探索者，欢迎再度莅临Vue3+现代前端工程化系列技术博客的进阶课堂！
Neo Evolution·2025-03-10 21:05

Vue3中动态Ref的魔法：绑定与妙用

前言在Vue3的开发过程中，动态绑定Ref是一项非常实用的技术，特别是在处理复杂组件结构和动态数据时。通过动态绑定Ref，我们可以更灵活地访问和操作DOM元素或组件实例，实现更高效的交互和状态管理。
内向的小农·2025-03-10 21:02

《踩坑与填坑：细数早期 Vue2 项目那些事儿，附一手优化经验》

前端实现导入文件的步骤(运用vue.js—导入）1,利用inputtype=file原生属性绑定change事件2，为触发按钮绑定事件导入3、按钮绑定的事件中触发inputchange事件```javascript
内向的小农·2025-03-10 21:02

16 HarmonyOS NEXT UVList组件开发指南(三)

HarmonyOSNEXTUVList组件开发指南(三)第三篇：UVList组件使用方法与实际应用1.基础使用方法1.1引入组件使用UVList组件前，需要先引入组件和相关接口：//引入接口定义import
全栈若城·2025-03-10 19:17

vite+vue+ts+element-plus从零开发管理后台框架(15)-暗黑模式

import'element-plus/dist/index.css'import'element-plus/theme-chalk/dark/css-vars.css'编辑src/views/Main.vue
·2025-03-10 18:25

vite+vue+ts+element-plus从零开发管理后台框架(12)-logo和标题

编辑src/views/Main.vue，template段header-left修改如下。
·2025-03-10 18:25

vite+vue+ts+element-plus从零开发管理后台框架(08)-顶部整体布局

布局编辑src/views/Main.vue，template段el-header修改如下。leftcenterrightstyle段el-header类修改如下.el-
·2025-03-10 18:54

【从0到1构建实时聊天系统：Spring Boot + Vue3 + WebSocket全栈实战】

一、项目架构技术栈清单：后端：SpringBoot3.0+WebSocket+STOMP前端：Vue3+Pinia+WebSocketClient部署：Nginx+DockerCompose二、核心功能实现
小怪兽9699·2025-03-10 17:58

SpringBoot+Vue前后端分离项目的搭建及简单开发（这次保证看明白~）

文章目录概述一、搭建SpringBoot后端1.sql脚本2.新建SpringBoot项目3.MP代码生成4.编写Controller二、搭建Vue前端1.IDEA安装Vue.js插件2.IDEA启动Vue
m0_67265464·2025-03-10 16:23

uniapp vue3 微信小程序 uni.chooseLocation使用

申请先要去微信公众平台申请使用接口开通成功之后就可以在项目中配置使用了配置配置manifest.json"mp-weixin":{/*小程序特有相关*/"requiredPrivateInfos":["chooseLocation"],"permission":{"scope.userLocation":{"desc":"你的小程序需要获取你的位置信息，以便为你提供更精准的服务。"}}}使用uni
HerayChen·2025-03-10 15:18

技术解析：格意互联商城系统（多端适配+开源二次开发

系统基于JAVA技术栈构建，采用SpringBoot+JPA作为后端框架，前端用户端使用UniApp实现跨平台兼容，管理端基于Vue+ElementUI开发，具备高扩展性与灵活性111。
西安漫格科技·2025-03-10 10:17

Vue3 组合式函数解锁 Echarts 封装新姿势

前言本篇文章主要讲解如何使用组合式函数（Composables）来封装Echarts，提供一套可复用、易维护的图表解决方案在这里你能够学到Echarts封装的思路与最佳实践，理解Echarts的特性与使用技巧本文也是《通俗易懂的中后台系统建设指南》系列的第六篇文章，该系列旨在告诉你如何来构建一个优秀的中后台管理系统什么是EchartsEcharts是一个基于JavaScript的开源可视化图表库，
·2025-03-10 09:40

第三章：组件开发实战 - 第四节 - Tailwind CSS 深色模式适配

深色模式（DarkMode）已经成为现代Web应用的标配功能。TailwindCSS提供了强大的深色模式支持，让我们能够轻松实现优雅的明暗主题切换。本节将详细介绍如何在项目中实现完善的深色模式适配。基础配置启用深色模式在tailwind.config.js中配置深色模式策略：module.exports={darkMode:'class',//或使用'media'//...其他配置}两种模式说明：
·2025-03-10 09:40

Vue 生态中路由与状态管理的变迁：Vue-Router、Vuex 及 Pinia 解析

Vue-Router有哪些变化?
大麦大麦·2025-03-10 08:30

4个 Vue 路由实现的过程

Vue路由相信朋友们用的都很熟了，但是你知道Vue路由是如何实现的吗？其实，前端路由是通过监听URL的变化，然后根据不同的URL路径显示不同的页面内容。
程序员大澈·2025-03-10 08:30

Vue 组件化开发指南：构建高效、可维护的前端应用

Vue.js作为一款流行的前端框架，提供了强大的组件化支持，使得开发者能够轻松构建可复用、可维护的应用程序。本文将深入探讨Vue组件化开发的核心概念、最佳实践以及如何通过组件化提升开发效率。
m0_73523460·2025-03-10 08:59

uni_app实现下拉刷新

","style":{"navigationBarTitleText":"首页","enablePullDownRefresh":true//启用下拉刷新}}]}2.在页面中监听下拉刷新事件在页面的.vue
_未知_开摆·2025-03-10 08:59

Vue中Scoped的原理及深度解析

Vue中Scoped的原理及深度解析前言回想起几年前初入职场时，面对面试官的提问“Vue中Scoped的原理是什么？”时，我的回答虽然勉强过关，但内心却充满了不确定。
喜欢代码的新之助·2025-03-10 08:28

关于Vue2&3的$emit和$on发布订阅模式

关于Vue2&3的$emit和$on发布订阅模式Vue2中$emit和$on的使用Vue3中$emit和$on的使用1.$emit2.
星光菌子·2025-03-10 08:57

Vue 技术博客：从零开始构建一个 Vue Markdown 编辑器

本人外号：神秘小峯山峯转载说明：务必注明来源（注明：作者：王文峰哦）学习教程（传送门）Vue技术博客：从零开始构建一个VueMarkdown编辑器前言环境准备实现步骤1.引入组件与库2.模板设计3
王大师王文峰·2025-03-10 08:57

Vue 框架深度解析：源码分析与实现原理详解

文章目录一、Vue核心架构设计1.1整体架构流程图1.2模块职责划分二、响应式系统源码解析2.1核心类关系图2.2核心源码分析2.2.1数据劫持实现2.2.2依赖收集过程三、虚拟DOM与Diff算法实现
北辰alk·2025-03-10 08:25

Vuex的使用

1.VuexVuex是Vue.js应用的状态管理库，用于集中管理所有组件的状态【数据】。
布鲁斯的快乐小屋·2025-03-10 05:06

Vue脚手架

Vue脚手架1.确保npm能用（安装Node.js）Node.js下载地址：https://nodejs.org/zh-cn/download/安装步骤：直接按照安装向导进行安装。
遇见~未来·2025-03-10 05:31

一个基于vue3的图片瀑布流组件

演示介绍基于vue3的瀑布流组件演示地址:https://wanning-zhou.github.io/vue3-waterfall/安装npmnpminstallwq-waterfall-vue3yarnyarnaddwq-waterfall-vue3pnpmpnpmaddwq-waterfall-vue3
周万宁.FoBJ·2025-03-10 04:25

vue引入组件的几种方法代码示例

www.piaodoo.com/创业项目排行榜前十名https://www.piaodoo.com/目录一、常用的局部引入二、创建一个js进行统一注册然后在main.js引入统一管理的js文件实现全局注册三、自动注册全局引入附：vue
liming89·2025-03-10 03:49

MVVM 模式和 MVC 模式区别

MVVMExample{{message}}//ViewModelnewVue({el:'#app',data:{//Modelmessage:''}});MVCExample//Modelletmodel
weixin_44356698·2025-03-10 00:58

推荐一些免费开源支持Vue3甘特图组件

文章目录前言一、dhtmlxGantt二、frappe-gantt三、vue-ganttastic四、gantt-elastic五、v-gantt六、vue-gantt-schedule-timeline-calendar
Microi风闲·2025-03-10 00:54

CefSharp 文件下载和保存功能-监听前端事件

重点在启用文件下载和通过JavaScript调用C#保存文件：1.添加文件下载处理器(DownloadHandler)在VueFormService类中，添加一个实现IDownloadHandler接口的类
Ben_F·2025-03-09 23:47

华为OD技术面试真题 - 技术面】- 前端八股文真题题库（8)

华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选1.vue中key的作用？
算法大师·2025-03-09 22:03

17 HarmonyOS NEXT UVList组件开发指南(四)

HarmonyOSNEXTUVList组件开发指南(四)第四篇：UVList组件高级特性与性能优化1.高级特性1.1自定义渲染除了使用默认的渲染方式外，UVList组件还支持自定义渲染，以满足更复杂的UI
·2025-03-09 21:56

16 HarmonyOS NEXT UVList组件开发指南(三)

HarmonyOSNEXTUVList组件开发指南(三)第三篇：UVList组件使用方法与实际应用1.基础使用方法1.1引入组件使用UVList组件前，需要先引入组件和相关接口：//引入接口定义import
·2025-03-09 20:23

Vue.js：构建现代动态用户界面的强大工具

在当今数字化时代，前端开发领域蓬勃发展，而Vue.js作为其中一颗耀眼的明星，正引领着一场关于高效、灵活和创新的前端开发革命。
KBkongbaiKB·2025-03-09 20:52

vue3开发uniapp转字节小程序注意事项

vue3开发uniapp转字节小程序注意事项1.provide-inject跨层通信不支持问题2.不能自定义头部，需要去申请3.不能使用moment日期插件4.不要再组件中使用onShow、onLoad
奔跑的代码！·2025-03-09 19:41

Vue _总结

文章目录一Vue介绍1什么是Vue.js2MVVM二第一个例子1引入vue2html中用法3创建vue实例对象三Vue基本语法1v-text2v-bind3v-on4v-model5v-if6v-for7
北执南念·2025-03-09 17:50
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他