vue轮播第25页

vue3笔记（1）自用

目录一、ref和reactive的区别1.ref2.reactive3、核心区别4、原理差异1.ref的实现2.reactive的实现5、常见误区二、计算属性（Computed）1.基本用法2.计算属性的setter用法3.计算属性的特点三、Watch的使用1.基础监听（watch函数）2.深度监听（对象属性）3.立即执行监听（immediate选项）4.watchEffect自动追踪依赖四、计算

zhaoyang0301·2025-06-12 13:32

【源码】研学报名小程序开发功能分析案例

采用沉浸式动态轮播图设计首页，搭配直观

hymuuuu·2025-06-12 13:02

MVC+vue.js+iview

项目需要，最近在学vue.js，领导决定用iview这个ui，于是写了这个基于MVC的例子。

灯琰1·2025-06-12 12:00

Spring Boot + Vue 前后端接口交互全流程详解

一、前后端交互架构概览二、SpringBoot后端接口实现2.1基础REST控制器@RestController@RequestMapping("/api/users")@CrossOrigin//处理跨域，生产环境应配置具体域名publicclassUserController{@AutowiredprivateUserServiceuserService;//获取用户列表@GetMapping

Leaton Lee·2025-06-12 12:27

vue js-web-screen-shot浏览器截取其他非全屏窗口界面

js-web-screen-shotnpminstalljs-web-screen-shot--savejs-web-screen-shot默认截屏是从左下角开始的，修改成左上角开始，然后编辑cropBoxInfo参数宽高进行截取，目前截取适配的其他窗口宽高不能比浏览器页面宽高大vue

小眼哥·2025-06-12 11:54

Vue 实现通过URL浏览器本地下载 PDF 和图片

1、代码实现如下：根据自己场景判断PDF和图片，下载功能可按下面代码逻辑执行constdownloadFile=async(item:any)=>{try{letblobUrl:any;//PDF本地下载if(item.format==='pdf'){constresponse=awaitfetch(item.url);//URL传递进入if(!response.ok){thrownewError

Vue安夏·2025-06-12 10:16

Vue-admin-element,路由权限和按钮权限理解及全部流程

一、登录login.vuehandleLogin(){this.$refs.loginForm.validate(valid=>{if(valid){/

Vue安夏·2025-06-12 10:46

Awesome Vue，你的Vue.js全景宝藏图

引言：在Vue.js的汪洋中，你是否迷失方向？

wylee·2025-06-12 10:42

vue项目，页面刷新就404了

在Vue.js项目中，如果使用了vue-router并且路由模式设置为history模式，那么在刷新页面或直接访问某个路由时，可能会遇到404错误。

·2025-06-12 08:59

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

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

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

解决 VitePress 在 docs中vue 文件导入的 ts 类型的组件报错:Cannot find module...or its corresponding type declarations

报错vscode中ts-plugin报错提示：Cannotfindmodule'@/components/Collapse/Collapse.vue'oritscorrespondingtypedeclarations

coding消烦员·2025-06-12 03:33

【前端知识之Vue】对Vue.observable的了解

本节介绍对Vue.observable的了解。

饭啊饭°·2025-06-12 03:02

用vsCode开发uni-app(vue + ts)项目流程

组件自动引入3.配置ts类型五、小程序端Pinia持久化六、uni.request请求封装七、请求成功提取数据和设置类型八、封装Promise请求函数1.获取数据失败前言如果我们需要创建一个uniapp的vue3

阿超学编程·2025-06-12 03:02

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | EventKey Codes（键盘码）

——EventKeyCodes组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app

sunbyte·2025-06-12 03:01

Vue.observable vs Vuex：何时使用轻量级状态管理？

Vue.js作为一个流行的前端框架，自然也有自己的一套状态管理机制。在Vue3.0之前，我们主要依赖Vuex来管理复杂的应用状态。

乐闻x·2025-06-12 03:30

关于vue3中无config文件

学习过程中，在打包vue3项目的时候发现打包出来的index.html里面引入的js和css文件路径全都不对应，网上查找之后了解到需要修改config文件，但在vue-cli3中没有发现这个东西，发现官方

Ezicat·2025-06-12 03:29

dll找不到dll electron_记录 electron-vue 通过node ffi调用dll文件踩的坑

记录踩的坑,防止以后忘记一些注意点1.需要用window电脑2.npm容易出错,建议使用cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org3.如果dll是32位的nodejs和electron都要使用对应的版本才可以使用,4.nodejs版本建议9版本以下复制代码拉取electron及依赖安装//首先安装node-gyp1.

苏承心·2025-06-12 03:59

vxe-table 4.9+ 实现在表格列中直接拖拽排序，列拖拽排序

VxeUIvuevxe-tablev4.9+实现在表格列中直接拖拽排序，列拖拽排序安装[email protected]@4.9.0main.js//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui

也只能是酱紫·2025-06-12 01:14

Vue.js 中的 v-bind 指令详解

Vue.js中的v-bind指令详解v-bind是Vue.js的核心指令之一，用于动态绑定HTML属性（如class、style、href等）或组件props到Vue实例的数据。

步行cgn·2025-06-12 01:43

Vue.js 指令详解与实战应用

Vue.js指令详解与实战应用背景简介Vue.js是一个渐进式JavaScript框架，以数据驱动和组件化为核心特点。

拼命阿白·2025-06-12 01:13

一课一得：Vue指令详解

前言在前端开发中，Vue.js是一个非常流行的框架，它通过简洁的语法和强大的功能帮助开发者高效地构建用户界面。

nanxizhiyi·2025-06-12 01:41

Vue 插槽详解：从基础到高级用法

文章目录引言1.插槽的基本概念1.1什么是插槽？1.2插槽的作用1.3插槽的基本语法示例代码2.默认插槽2.1默认插槽的定义示例代码2.2默认插槽的备用内容示例代码3.具名插槽3.1具名插槽的定义示例代码3.2`v-slot`指令示例代码4.作用域插槽4.1作用域插槽的定义示例代码4.2具名作用域插槽示例代码5.插槽的高级用法5.1插槽的默认作用域示例代码5.2插槽的嵌套示例代码5.3插槽的动态名

北辰alk·2025-06-12 01:41

Vue 实例详解：理解 Vue 的生命周期与数据绑定

Vue实例详解：理解Vue的生命周期与数据绑定Vue.js是一款轻量级的前端框架，它专注于视图层，通过简单易用的API和高效的响应式机制，使得开发者可以快速构建现代化的前端应用。

全栈探索者chen·2025-06-12 01:41

Vue 指令详解：概念与作用

Vue指令详解：概念与作用一、什么是Vue指令？Vue指令（Directives）是带有v-前缀的特殊HTML属性，它们是Vue.js提供的核心功能之一。

步行cgn·2025-06-12 00:39

Vue:组件

组件是Vue的核心功能之一，它将UI拆分为独立、可复用的代码片段。组件可以理解为自定义的HTML元素，它封装了特定的功能和样式。例如一个按钮组件，一个导航栏组件，一个模态框组件。

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

Vue:axios（POST请求）

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

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

Vue+词云图版本问题解决

chuan6752·2025-06-11 23:33

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

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

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

前端小技巧：为何要在保存备注后“直接更新本地数据”？

今天，我们就来探讨Vue代码中一

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

Element UI下拉框窗口切换自动弹起解决全攻略！！！

你是否也曾遇到过这样的场景：在ElementUI(一个广受欢迎的VueUI框架)的对话框(el-dialog)中，当你为可搜索下拉框(el-select带有filterable属性)精心挑选了一个选项后

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

UniApp组件封装，2025年最新HarmonyOS鸿蒙模块化开发项目式教程

环境配置与前置条件‌开发工具要求‌HBuilderX4.64+（鸿蒙插件已预装）DevEcoStudio5.0.3.400+（真机调试必备）鸿蒙离线SDK（通过HBuilderX导入，每个项目独立配置）‌项目初始化#创建Vue3

程序员小刘·2025-06-11 21:13

vue3 + ts + vite + element-plus根据url路径保持对应栏目高亮

上代码：000111222333YzpAction1Action2退出import{ref}from"vue"import{useRouter}from"vue-router"importlogosfrom

yskbchewidhw·2025-06-11 20:11

vue3结合element-plus封装ems菜单栏组件

效果如下:ok，开始代码nav-menu.vueVue3+TS{{item.name}}{{subitem.name}}{{item.name}}import{defineComponent,computed

进阶的巨人001·2025-06-11 20:11

vue实现气泡词云图

1、下载插件echarts-wordcloud跟echarts2、修改插件代码WordCloudView.jsimport*asechartsfrom'echarts/lib/echarts';echarts.extendChartView({type:'wordCloud',render:function(seriesModel,ecModel,api){vargroup=this.group;

风吹头皮凉·2025-06-11 20:41

使用Vue2.x和ElementUI构建后台管理系统实战指南

本文还有配套的精品资源，点击获取简介：本文详述了使用Vue.js2.x框架结合ElementUI组件库实现后台管理系统的方法，并结合后端PHP技术实现数据处理和权限控制。

·2025-06-11 20:11

Vue+Cesium：添加高德地图/百度地图/天地图

1.Viewer查看器控件的设置constviewer=newCesium.Viewer('container',{//地形图层terrain:Cesium.Terrain.fromWorldTerrain(),//信息窗口infoBox:false,//显示查询按钮//geocoder:false,//home按钮//homeButton:false,//控制查看器的显示模式-地球/平面//sc

ssoni_·2025-06-11 20:40

vue3+el-table组件二次封装

vue3+el-table组件二次封装因为业务不是很复杂，所以做了简单的表格封装，满足了大多数后台管理页面的表格内容，其实还可以将page组件也封装进去，这里没做，后面会考虑加进去的组件内容{{scope.row

watermelon.253·2025-06-11 20:40

使用vue-seamless-scroll实现echarts图表大屏滚动，出现空白间隔的解决方案

一、背景介绍最近的业务开发需求，想要实现echarts图表大屏滚动，小编首先采用vue-seamless-scroll进行实现，结果发现第二屏出现空白间隔，尝试了多种解决方案均不生效，最终选择换一个方案

雨菁ling·2025-06-11 20:38

Svelte 核心语法详解：Vue/React 开发者如何快速上手？

在很多地方早就听到过svelte的大名了，不少工具都有针对svelte的配置插件，比如vite\unocss\svelte.虽然还没使用过，但是发现它的star82.9k数很高哦，学习一下它与众不同的魔法。这名字有点别扭，好几次都写错。svelte是一个web开发框架，它通过编译器编译出可以在浏览器中运行的代码，使用的语言还是前端三剑客html/css/js。优点就是书写简洁、编译快、效率高。后记

heroboyluck·2025-06-11 20:38

大屏滚动表格封装（VueSeamlessScroll）

VueSeamlessScroll需要先npm安装，引入下面已经写了。修改上部分的标题和你的table数据字段即可。传列表的值给这个组件监听。监听到即可生成。

Ciwei蓝·2025-06-11 20:07

前端必备：ElementUI 全面入门指南

前端必备：ElementUI全面入门指南关键词：ElementUI、Vue.js、前端框架、UI组件库、响应式设计、表单验证、主题定制摘要：本文是一份全面的ElementUI入门指南，详细介绍了这个基于

前端视界·2025-06-11 20:36

el-table封装自动滚动表格（适用大屏）

import{ref,onUnmounted,reactive,onMounted,nextTick}from'vue';consttableData=ref([{date:'2016-05-03',name

小猫猫改bug·2025-06-11 20:06

Vue 组件的生命周期钩子的简单理解（通俗：用点外卖例子

目录1.beforeCreate（创建前）2.created（创建后）3.beforeMount（挂载前）4.mounted（挂载后）5.beforeUpdate（更新前）6.updated（更新后）7.beforeUnmount（销毁前）8.unmounted（销毁后）一句话总结完整流程1.beforeCreate（创建前）类比场景：你刚打开外卖App，点击“下单”按钮→系统刚接到订单，但还没分

WZMeiei·2025-06-11 19:31

MVVM 模式，以及 Angular、React、Vue 和 jQuery 的区别与关系

目录一、先搞懂MVVM模式二、Angular、React、Vue是啥？

WZMeiei·2025-06-11 19:00

vue-tree-color 树状结构图新增多个class

最近有兄台提交了一个issue，开始因为公司太忙时间实在转不过来，当然时间是挤出来的（好啦好啦，我就是为偷懒找借口而已）然后自己看了看修复了一下，大家可以去看看installnpminstallvue-tree-color

悲伤日记·2025-06-11 19:26

3D滑动图片

不支持轮播只支持左右滑动切换加载中...图片加载失败exportdefault{name:'hbxw-tilt-carousel',props:{list:{type:Array,default:()=

脾气有点小暴·2025-06-11 18:53

vite配置@别名，以及如何让IDE智能提示路经

1.配置路径(vite.config.js)//vite.config.jsimport{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue

itwlz·2025-06-11 15:33

vue的这两个特性：数据驱动视图与双向数据绑定的区别

目录一、概念本质二、作用范围三、实现原理一句话总结一、概念本质数据驱动视图（更宽泛的思想）是Vue等框架的底层逻辑：数据变了，视图自动更新。

WZMeiei·2025-06-11 12:44

如何在ArkUI中创建一个复选框 (Checkbox)

展示了如何在ArkUI中创建一个复选框：1.引入和创建复选框import{Checkbox,Text}from'@arkui/components';import{defineComponent}from'vue

·2025-06-11 11:39

Vue3 PC端 UI组件库我更推荐Naive UI

一、Vue3生态现状与UI库选择的重要性随着Vue3的稳定发布和CompositionAPI的广泛采用，前端开发者面临着UI组件库的重新选择。

梅山老幺·2025-06-11 09:52

推荐频道

vue轮播