Vue3组件库

高效的在Vue3中使用Vuex

前言我们都知道，vuex的使用在项目中颇为繁琐，因为它有几大概念使得它不能像普通ref或者data对象一样直接被我们使用，在我们想要更改vuex中的数据时，我们需要通过mutation来进行提交，获取vuex中存储的变量的时候，我们又需要通过computed属性来进行声明，试想，如果项目足够庞大，那么我们使用vuex的负担就过于重了，这违背了我们使用状态管理的本意。问题的提出首先，我们需要明确，我
苹果醋3·2025-07-06 13:29

Vue3高级-第二十六篇：Vue3 与 WebGL 的融合探索

Vue3高级-第二十六篇：Vue3与WebGL的融合探索1.WebGL基础与Vue3集成准备深入了解WebGL的概念、功能与应用场景概念：WebGL（WebGraphicsLibrary）是一种用于在网页上进行
程序员勇哥·2025-07-06 10:59

＜script setup＞中的setup作用以及和不带的区别对比

在Vue3中，setup函数是CompositionAPI的核心入口，其作用与“不带setup”（即传统OptionsAPI）的区别主要体现在代码组织、复用性、类型支持等方面。
·2025-07-06 09:57

Vue Router 完整使用示例及完整实战演示

一、环境准备创建Vue3项目：npminitvue@latest#选择TypeScript/JS+VueRouter选项手动添加VueRouter：npminstallvue-router@4二、基础路由配置
慧一居士·2025-07-06 09:27

vue create 和npm init 创建项目对比

以下是关于vuecreate和npminit的对比分析：1.定位与功能vuecreate定位：Vue官方提供的脚手架工具，基于VueCLI，用于快速创建标准化的Vue项目，支持Vue2和Vue3。
·2025-07-06 09:25

vant4的组件气泡弹出框van-popover，在列表中遍历后点击一个全部/显示隐藏，解决办法

环境：vue3+vant-ui4{{actions[0].text}}结果：点击一个气泡弹出框后，所有的气泡弹出框全部弹出了，因为绑定的是同一个变量showPopover解决办法：删除v-model,不需要绑定
zhuà!·2025-07-06 02:09

uniapp路由拦截解决方案

uniapp路由拦截解决方案【下载地址】uniapp路由拦截解决方案uniapp路由拦截解决方案为开发者提供了高效的路由管理工具，支持vue2和vue3版本。
柏昕凤Driscoll·2025-07-05 20:32

【Python百日进阶-Web开发-Feffery】Day418 - fac实例：dash+fac登录-Sqlite数据库

feffery-antd-components（简称fac），是国内大佬费弗里(Feffery)老师基于著名的ReactUI组件库antdesign
岳涛@泰山医院·2025-07-05 11:28

vue3 el-table回显选中的数据

html部分：{{scope.$index+1}}添加删除js部分：letmatchLists=ref([{source_id:1,title:'比赛1'},{source_id:2,title:'比赛2'},{source_id:3,title:'比赛3'},{source_id:4,title:'比赛4'},{source_id:5,title:'比赛5'},])letsource_ids=r
凉xiao薄·2025-07-05 08:00

Vue3框架对接保利威云点播播放器的实践（例子）

Vue3框架对接保利威云点播播放器的实践（例子）来源：梦的晓析者首先，需要在项目中引入保利威的云点播播放器脚本。这个播放器的脚本可以从保利威的官网获取。
阿酷tony·2025-07-05 06:48

Vue3响应式卡顿？3招性能优化技巧让页面提速200%（附源码对比）

一、引言Vue3发布以来，其响应式系统凭借Proxy的强大能力，为开发者带来了更高效的数据绑定体验。
程序猿全栈の董（董翔）·2025-07-05 03:03

SpringBoot +Vue3前后端分离项目入门基础实例五

项目说明项项目名称使用框架说明后端项目springboot_vue_element_demoSpringBoot+MyBatis-plus+MySQL完成基本的增删改查操作API前端项目vue-projectVue3
没刮胡子·2025-07-05 03:00

vscode 调试vue 如何不进入源码或者映射文件当中

{"version":"0.2.0","configurations":[{"name":"DebugVue3(Vite)","type":"chrome","request":"launch","url
很菜很菜的人·2025-07-05 01:21

react+antd Anchor(锚点组件)通讯录字母索引实现

一、页面概述本项目实现了一个美观、实用的通讯录页面，采用React框架，结合AntDesign组件库与TailwindCSS原子化样式，支持按字母分组展示联系人，并提供便捷的字母索引导航。
伍哥的传说·2025-07-04 23:05

深入解析 Vue3 createApp：从初始化到挂载的完整流程剖析

引言：Vue3应用架构的革命性变化在Vue2时代，我们通过newVue()创建应用实例，这种方式虽然简单但存在全局配置污染、Tree-shaking困难等问题。
斯~内克·2025-07-04 21:21

UniApp（vue3+vite）如何原生引入TailwindCSS（4）

目录npx开始使用TailwindCSS1.安装Node.js和cnpm2.使用VScode创建uni-app项目开始使用TailwindCSS1.安装TailwindCSS2.配置Vite插件3.修改配置4.导入TailwindCSS5.开始在HTML中使用Tailwind总结npx实际上，npxdegit和gitclone都能用来获取代码仓库中的模板或项目，但是它们的实现方式和用途有所不同。让
前端 贾公子·2025-07-04 16:54

构建个人博客系统：基于Vue和Element UI的静态网页实现

本文将详细介绍如何使用Vue.js框架配合ElementUI组件库构建一个功能完善的静态个人博客系统。
布兰妮甜·2025-07-04 13:27

vue3 v-model的使用(多个 v-model 绑定)

//父组件setup(props){constmsg=ref("msg");constfoo=ref('123')return{foo,msg}}{{modelValue}}{{msg}}/>自定义修饰符的用法，根据官方//父组件{{myText}}setup(){return{myText:ref(22);}//不加ref无法做到响应}//子组件//自定义修饰符capitalize通过model
不知名前端v2·2025-07-04 11:44

【前端工程化】前端开发中的这些设计规范你知道吗

一、组件库设计原则统一性优先所有UI组件保持一致的样式风格和交互方式，降低学习成本。可维护性强组件逻辑清晰，对外暴露的props明确，便于后期迭代和维护。业务导向围绕常见的企业场景封装组件，如表
·2025-07-04 10:52

富文本编辑器插件支持哪些格式导入？Word、Excel、PPT全解析

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
路过了忘了·2025-07-04 08:50

有没有编辑器支持excel、ppt、pdf及word导入？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
·2025-07-04 08:49

Excel、PPT、PDF如何导入百度富文本编辑器？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
2501_90699800·2025-07-04 07:14

vue入门学习时，按照官方的教程生成的vue3项目后，命令行运行npm install出现一堆warn，然后运行npm run dev报错，项目启动失败

日期：2025年6月27日星期五农历六月初三VUE版本：vue3IDE：vscodevue入门学习时，按照官方的教程生成的vue3项目后，命令行运行npminstall出现一堆warn，然后运行npmrundev
67号人生·2025-07-04 02:15

音视频会议服务搭建(设计方案-两种集成方案对比)-03

EchoMeet架构方案对比分析1.两种架构方案概览方案A：Go+Node.js双系统架构（当前方案）前端Vue3+mediaso
卜锦元·2025-07-04 00:04

从 Vue 到 React：React.memo + useCallback 组合技

四、解决方案：useMemo/useCallback缓存引用五、Vue3中有类似的性能控制需求吗？
·2025-07-04 00:31

基于Vue.js的图书管理系统前端界面设计的javascript逻辑部分

前文，我们实现了一个使用Vue3构建的图书管理系统的html部分，接下来我们看一下JavaScript逻辑部分。
·2025-07-03 22:53

主流视频流格式及 Vue3 实现方案

Vue3实现（video.js）：npminstallvideo.jsvideojs-contrib-hlsimport{ref,onMounted,onUnmounted}from'vue';importvideo
玛卡巴卡半夜不睡觉·2025-07-03 22:52

vue3 组件函数式调用

做一个消息提示框组件，封装成vue实例，然后函数式调用1、先准备一个想要做的提示组件文件Message.vue2、新建Message.js文件，内容是提供一个能够显示Message组件的函数3、挂载到全局指令上准备一个DOM容器，里面装消息提示组件；然后将组件编译为虚拟DOM，利用render函数渲染到DOM容器里。//导入消息提示组件import{createVNode,render}from'
xx小怪兽·2025-07-03 21:45

Vue3 首款 3D 数字孪生编辑器

现在这个基于Vue3、ThreeJS和NaiveUI的数字孪生开发框架——Astral3DEditor正式开源，为Web3D开发带来新转机。
❀͜͡傀儡师·2025-07-03 20:04

OpenDataV：开源 拖拽式 低代码数据可视化开发平台

不仅内置了丰富的组件库，还支持用户开发自己的组件并将其接入平台，从而满足多样化的业务需求。
❀͜͡傀儡师·2025-07-03 20:04

vue3学习笔记

目录vue3学习笔记数据绑定'v-bind'简写为':'，语法v-bind:id='变量'v-on指令通过v-on:event="method"语法工作，简写语法：@event="method"v-model
朝凡FR·2025-07-03 19:03

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock（主题时钟）

ThemeClock组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3
sunbyte·2025-07-03 17:45

Vue3中的v-model：全面解析及与Vue2的差异对比

目录一、Vue2中的v-model：经典但受限二、Vue3中的v-model：灵活强大1.默认行为变更2.支持多个v-model绑定3.自定义修饰符三、Vue2vsVue3核心差异对比四、实战代码示例Vue2
编程随想▿·2025-07-03 13:12

vue3导出 excel、word

importaxiosfrom'axios'import{http}from'@/plugins/axios'import{useMessage}from'naive-ui'constmessage=useMessage()constinstance=axios.create({responseType:'arraybuffer',onDownloadProgress:function(Progr
满楼、·2025-07-03 08:11

【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（Vue3）？

什么是Vue？Vue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单的还是复杂地界面，Vue都可以胜任。声明式渲染：Vue基于标准HTML拓展了一套模板语法，使得我们可以声明式地描述最终输出地HTML和JavaScript状态之间的关系。响应性：Vue会自动跟踪Jav
水云桐程序员·2025-07-03 08:34

[特殊字符] 分享裂变新姿势：用 UniApp + Vue3 玩转小程序页面分享跳转！

本文将从实战角度出发，手把手教你如何使用uni-app+Vue3构建一个支持「页面级分享跳转」的微信小程序。
nbsaas-boot·2025-07-03 06:21

Vue3组件通信

前言：在组件化开发中，需要将页面抽离成组件的形式，抽离之后就涉及到了组件中数据传递，可分为：父传子（props）、子传父（emits）、祖孙通信（provide和inject）、兄弟通信、全局通讯（pinia）。这次我就以博客的形式复习一下前三种通讯，想了解pinia可点击看我前面写的博客。1.父传子首先需要在父组件中的子组件标签中添加自定义属性，将需要传递的值放如自定义属性中，在子组件中通过de
whhhhhhhhhw·2025-07-03 04:40

掌握Android Jetpack，优化移动开发体验

AndroidJetpack，优化移动开发体验关键词：AndroidJetpack、组件化开发、ViewModel、LiveData、Room、Navigation、Compose摘要：本文深入探讨AndroidJetpack组件库的核心架构和使用方法
移动开发前沿·2025-07-03 03:32

Vue3.3 + TypeScript ，自主打造媲美 ElementPlus 的组件库之学习笔记

Vue3.3+TS4，自主打造媲美ElementPlus的组件库第1章课程介绍1-1课程导学1-2代码库使用注意事项1-3项目演示地址：http://element.vikingship.xyz/第2章
怪我冷i·2025-07-03 02:46

Vue 3 中 h 方法详解

在Vue3中，h方法是一个用于创建虚拟DOM节点的函数，它是创建渲染函数的核心工具。
yqcoder·2025-07-03 00:07

uniapp(vue3) - 实现天气预报气象温度双折线图一周气温变化曲线图，uniApp使用秋云uCharts图表插件做天气预报折线图示例代码（全端兼容H5网页、小程序、安卓/苹果app、nvue）

效果图在uni-app手机h5网页网站/支付宝微信小程序/安卓app/苹果app/nvue等(全平台兼容)开发中，实现uniapp天气预报双折线图温度图表示例源码，展示未来7天一周的天气温度情况点状折线图天气预报，Uniapp全平台实现气象监测页面查看温度变化，可自行修改优化线条颜色、粗细、数值及背景图等自由修改，提供完整源码！新手小白直接复制源码运行后简单修改即可。引入插件如果你已经引入过了，这
十一猫咪爱养鱼·2025-07-02 16:06

Vue3 - 详解播放m3u8视频流+HLS拉流推流完整方案，vue3如何播放m3u8格式文件实时视频播放教程（流媒体播放、直播视频流、实时摄像头监控视频流对接、后端服务器切片分片传输视频流边下边播）

在vue3（PC端+移动端H5）项目开发中，实现m3u8+hls视频流播放、实时流媒体播放高性能无延迟方案及源码，vue3播放3mu8文件/直播视频流，实时流媒体播放需求、做直播实时传输播放、摄像头监控画面视频流
王二红·2025-07-02 16:05

Vue2+Vue3 130~180集学习笔记

Vue2+Vue3130~180集（Vue3）学习笔记一、create-vue搭建vue3项目create-vue是vue官方新的脚手架工具，底层切换到了vite步骤：查看环境条件node-v版本需要在
Jyywww121·2025-07-02 13:47

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

EwVueComponent与Vue内置组件(Suspense + AsyncComponent+component)的对比

EwVueComponentvsVue内置组件：全面对比分析概述在Vue3的生态系统中，我们有多种处理动态组件的方案。
·2025-07-02 12:40

计算机专业毕业设计选题指南（2025创新版）

计算机专业毕业设计选题指南（2025创新版）一、选题方向全景图（按技术维度划分）智能服务系统开发技术架构：SpringBoot+Vue3+MySQL/MongoDB典型场景：●智慧校园：实验室预约系统、
程序员小天00·2025-07-02 11:03

Vue3 Lifecycle Hooks

Vue3生命周期钩子详解Vue3的生命周期钩子分为OptionsAPI和CompositionAPI两种使用方式，核心流程相同但语法有差异。
·2025-07-02 10:17

Vue3 script setup

以下是Vue3的超详细说明，涵盖核心机制、使用场景和最佳实践：1.核心设计原理编译时语法糖：会在编译阶段转换为标准的setup()函数，所有顶层绑定自动暴露给模板。
行云＆流水·2025-07-02 10:17

Vue3 中watch和computed

Vue3中computed与watch深度解析在Vue3组合中，响应式工具的类型安全使用至关重要。
行云＆流水·2025-07-02 10:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他