vuejs框架第46页

Uniapp学习笔记

简介uniapp是DCloud公司于2015年开发的一款基于vue的跨端框架，编写一套代码就可以运行到web、小程序（各种小程序）和app（Android和iOS）端，使得开发一个项目的成本很小，效率很高

旧城梦空·2025-05-19 09:53

vue全局封装过滤字典表

vue全局封装过滤字典表2021/12/13//过滤字典Vue.filter('choiceCategory',function(value,list){if(!

巴博尔·2025-05-19 09:23

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | 页面布局与 Vue Router 路由配置

BuildDaily.BuildDifferently.今天我们将基于的Vue3+TailwindCSS项目，进一步拆分页面结构，引入VueRouter，构建基础导航与页面路由体系。

sunbyte·2025-05-19 09:51

【Vue3+ts 】封装字典列表接口调用

最近在写Vue3后台管理系统，有一个场景是在新增或者编辑的时候需要一次性获得这几个字典的数据，于是字典接口封装应运而生：拿到的数据结构大概是这样的：第一步：创建useFormAjax.ts文件，封装getListByDicCode

阿丽塔~·2025-05-19 09:21

若依vue中字典Dict插件的研究

$optionsminx开发插件若依vuedict插件插件安装插件定义this.dict.init(this.$options.dicts)options和this.

程序员诚哥·2025-05-19 08:50

【vue】适合大型项目的封装（接口，全局字典，表格表头）

目录一、接口封装（完整分层实现）1.核心请求层封装(src/api/core/http.js)2.业务模块API(src/api/modules/user.api.js)二、全局字典管理（完整实现）1.VuexStore

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

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

在Vue中，组件之间的传参是构建动态和交互性用户界面的关键。Vue提供了多种方式来传递参数，以下是对这些方式的详细说明：一、PropsProps是Vue中组件之间传递数据的一种常见方式。

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

【vue】封装接口，全局字典，表格表头及使用

创建axios实例//src/utils/request.jsimportaxiosfrom'axios'constservice=axios.create({baseURL:process.env.VUE_APP_BASE_API

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

VUE中的websocket的封装

socket.js部分varwebsock=null;letrec;//断线重连后，延迟5秒重新创建WebSocket连接rec用来存储延迟请求的代码letisConnect=false;//连接标识避免重复连接letcheckMsg="heartbeat";//心跳发送/返回的信息服务器和客户端收到的信息内容如果如下就识别为心跳信息不要做业务处理varglobalCallback=functio

HarryHY·2025-05-19 07:14

uni-app学习笔记（一）-官方文档的学习路线

uniapp（https://uniapp.dcloud.io/resource）3.快速上手（https://uniapp.dcloud.io/quickstart）4.白话uni-app【html、vue

026后勤处·2025-05-19 07:10

打包体积分析插件 vue3 (vite) ——rollup-plugin-visualizer，webpack——webpack-bundle-analyzer

使用打包工具在帮我门分析打包结果进而来做优化在用vite打包是通过rollup来完成的安装这里的打包体积优化是需要在开发环境下的所以不能在生产环境下安装的npminstall--save-devrollup-plugin-visualizernpmirollup-plugin-visualizer-D在vite.config.js中配置如下import{defineConfig,typePlugi

HarryHY·2025-05-19 07:06

按钮样式统一

子组件import{computed,useAttrs}from'vue';defineOptions({//定义组件选项，设置inheritAttrs为false，表示不自动将属性绑定到根元素上inheritAttrs

HarryHY·2025-05-19 07:36

前端桥接模式对接腾讯LBS和高德开放平台（以vue + vite为例）

桥（PATH/index.js）letmodule;//vite中标注依赖关系，底层默认是懒加载的constmodules=import.meta.glob('./vendors/*.js'),init=async()=>{if(!module){constres=awaitrequest_LBS_config();//伪代码，这个需求用桥接模式是为了延迟绑定提升灵活性，配置参数应当存在服务端，否

warmbook·2025-05-19 05:55

Vue项目根治IOS微信web中，输入项blur之后页面不回落的问题

如题，不知道这个问题困扰各位WEBer多久了，反正我是跟它纠缠两三年了，最近开始真正学一下前端（本人赤脚医生，见笑了），终于找到了在Vue下彻底解决的方案，废话少说，先上代码：//注册Vue全局指令Vue.directive

warmbook·2025-05-19 05:54

基于Springboot+Vue+Mybatis的小说阅读管理系统

一、基于Springboot+Vue+Mybatis的小说阅读管理系统此项目为基于Springboot+Vue+Mybatis的小说阅读管理系统，主要分为用户端和管理端两个模块。

Coding路人王·2025-05-19 02:34

Vue--键盘修饰符

2.定义键盘修饰符://键盘修饰符定义定义回车并且去f2别名13对应的是enter回车键Vue.config.keyCodes.f2=13

码码姑娘·2025-05-19 01:34

Vue.js的侦听器watch的实现原理

Vue.js是一种流行的JavaScript框架，用于构建用户界面。它提供了许多强大的特性，其中之一是侦听器（watcher），它允许开发者监视数据的变化并执行相应的操作。

JhzDev·2025-05-19 01:34

Vue2基础篇-09-键盘事件

1.demo键盘事件newVue({el:"#root",methods:{showInfo(e){console.log(e.key,e.keyCode)alert("hello")},},})2.小总结

Alan0517·2025-05-19 01:04

vue-ganttastic甘特图label标签横向滚动固定方法

这个甘特图之前插件里，没有找到能固定label标签在屏幕上的办法，用css各种办法都没有实现，所以我我直接手写定位，用js监听滚动条滚动的距离，然后同步移动甘特图label标签，造成一种定位的错觉，以下是代码：我用的是介绍|PureAdmin保姆级文档（已更新至最新版v6.0.0）这个前端框架，感觉功能还是非常完善的，作者全职做开源，希望大家也多多支持。这个是全部甘特图的示例代码import{re

m0_51396253·2025-05-19 01:02

解决vue+springboot可能遇到的跨域问题和sessionid每次不同问题

1.跨域问题在配置类中添加/*跨域问题*/@OverridepublicvoidaddCorsMappings(CorsRegistryregistry){registry.addMapping("/**").allowedOrigins("*").allowedMethods("GET","HEAD","POST","PUT","DELETE","OPTIONS").allowCredentia

单筱风·2025-05-19 01:29

【附源码】基于springboot+Vue+Uniapp博物馆展品展示与智能互动微信小程序

系统概要本系统包含前台和后台两部分，多角色登录、功能完善、页面优美用户端：首页、展品、论坛、周边礼品、我的(多项功能)管理员端：首页、个人中心、用户管理、展品展示管理、论坛管理、礼品类型管理、周边礼品管理、系统管理、订单管理系统介绍项目环境：JDK1.8+Tomcat8.0+MySQL5.7+Maven+IntelliJIDEA+NavicatPremium+Hbuilder+微信开发者工具项目技

辅导毕业设计·2025-05-19 00:24

基于SpringBoot的同城宠物照看管理系统

作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。

计算机学姐·2025-05-18 22:40

前端使用Angular.js实现购物车功能

前端使用Angular.js实现购物车功能关键词：Angular.js、购物车、前端开发、数据绑定、MVC架构、电子商务、单页应用摘要：本文详细介绍了如何使用Angular.js框架实现电子商务网站中的购物车功能

前端视界·2025-05-18 21:07

python项目参考文献

技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。

秋野酱·2025-05-18 20:29

vue中使用video.js进行视频播放

videojs.com/安装npminstallvideo.jsmain.js中引入importVideofrom'video.js'import'video.js/dist/video-js.css'Vue.prototype

MK_麦客·2025-05-18 20:59

stylus vue 报错_手把手教大家搭建一个vue-cli3 的项目

首先准备条件:下载安装node和npm(VueCLI需要Node.js8.9或更高版本，官方推荐8.11.0+版本)去官网下载:傻瓜式安装(一路回车),好了之后,我们打开cmd检查一下我们是否安装成功,

weixin_39687621·2025-05-18 20:58

vue中使用video.js播放m3u8格式的视频

docs.videojs.com/)1.2、[`Github`](https://github.com/videojs/video.js)二、实现2.1、安装依赖2.2、`main.js`2.3、`video.vue

小马甲丫·2025-05-18 20:58

在vue中this.$emit有哪些作用,事件监控具体含义，以及这些子组件能封装哪些功能组件

this.$emit的作用this.$emit的作用是触发一个自定义事件，并将数据传递给父组件。父组件可以通过v-on（或@）监听这个事件，并在事件触发时执行相应的处理函数。this.content的作用this.content是子组件的props，它从父组件接收数据。在你的代码中，this.content表示子组件当前的content值。当你调用this.$emit(‘update’,this.

cdcdhj·2025-05-18 20:26

Vue2项目中使用videojs播放mp4视频

步骤1:安装Video.jsnpminstallvideo.js--save步骤2:创建VideoPlayer组件importvideojsfrom'video.js';import'video.js/dist/video-js.css';//引入Video.js默认样式exportdefault{name:'VideoPlayer',props:{options:{type:Object,def

Brilliant Nemo·2025-05-18 20:54

vue用通过npm的webpack打包编译，这样更适合灵活配置的项目

如果你不想使用VueCLI，也可以直接通过npm安装Vue，然后手动配置项目。创建项目目录创建一个新的项目目录，例如my-vue-project，并进入该目录。

cdcdhj·2025-05-18 20:53

vue3封装命令式弹窗组件

一、前言相信大家都封装过弹窗组件，基本思路都是父组件给子组件传递一个变量，子组件props进行接收，当点击确认或者关闭按钮时，通过emit回传事件供父组件调用。这种封装方式缺点是复用性查、使用频繁时需要定义多份{isVisible、handleSubmit、handleClose}代码，代码冗余，今天分享一种命令式组件封装的方式。二、什么是命令式组件命令式组件封装是一种将功能封装在组件内部，并通过

不会切肉的小辉同学·2025-05-18 20:23

【TypeScript 中的高级类型系统详解：Record、Ref 与字面量联合类型】

TypeScript中的高级类型系统详解：Record、Ref与字面量联合类型1.引言在现代Vue项目开发中，TypeScript的类型系统扮演着至关重要的角色，尤其是当我们使用组合式API进行开发时。

Gazer_S·2025-05-18 19:53

vue2 组件封装

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

JackChouMine·2025-05-18 19:48

前端技术栈学习：Vue2、Vue cli脚手架、ElementUI组件库、Axios

1基本介绍（1）Vue是一个前端框架,易于构建用户界面（2）Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或项目整合（3）支持和其它类库结合使用（4）开发复杂的单页应用非常方便（5）Vue是

随遇而安622&508·2025-05-18 19:18

niuhe 插件极简教程

✅前端代码（Vue/微信小程序TypeScript协议一键生成）✅Swagger接口文档（让后端和前端的battle变成手拉手）✅跨语言转换（Kotlin等其他前端协议也能轻松拿捏）插件功能支持生成go

诗意地回家·2025-05-18 18:12

使用 Vue Tour 封装一个统一的页面引导组件

项目开发过程中需要实现用户引导功能，经过调研发现一个好用的Vue插件vue-tour，今天就来分享一下我是如何基于vue-tour封装一个统一的引导组件，方便后续在多个页面复用的。

前端码农小黄·2025-05-18 17:09

【springboot+vue3的前后端分离项目实现支付宝的沙箱支付】

【springboot+vue3的前后端分离项目实现支付宝的沙箱支付】以下是基于SpringBoot+Vue前后端分离项目实现支付宝沙箱支付的完整解决方案，包含关键代码和调试技巧一、项目架构设计二、后端实现

源码方舟·2025-05-18 17:36

Java全栈项目：校园智能门禁系统

技术栈后端SpringBoot2.7.xSpringSecurityMySQL8.0MyBatis-PlusRedisJWT前端Vue3ElementPlusAxiosVite核心功能模块

天天进步2015·2025-05-18 16:02

从 Vue3 回望 Vue2：性能优化内建化——从黑盒优化到可控编译

文章目录从Vue3回望Vue2：性能优化内建化——从黑盒优化到可控编译1.引言2.Vue2的性能优化机制解析3.Vue3的编译期优化能力拆解3.1静态提升（StaticHoisting）3.2PatchFlag

Wannaer·2025-05-18 16:31

uni-app返回上一页面并携带参数

$off，可以方便的进行页面的通讯，触发的事件都是App全局级别的，跨任意组件，页面，nvue，vue等。调用uni.$on事件后要记得移除事件，或者直接使用uni.

·2025-05-18 13:56

vue调用接口，做成select下拉框

1.实现效果2.代码(1)下拉框(2)引入对应的数据接口import{getProcessSelectList}from"@/api/system/process";(3)定义一个字段，调用接口函数data(){return{proOptions:[],};},created(){this.getproKey();},methods:{getproKey(){this.loading=true;g

h_6543210·2025-05-18 12:32

【前端优化】vue2 webpack4项目升级webpack5，大大提升运行速度

记录一下过程手里有个老项目，vue2+webpack4项目很大，每次运行、运行都要将近10分钟现在又要往里面写很多东西，再不优化，开发着会更难受，所以决定先将它升级至webpack5最初失败的尝试直接在项目里安装了

赫卡夹·2025-05-18 12:00

Vue.js 前端开发入门指南：从基础到实战

Vue.js前端开发入门指南：从基础到实战关键词：Vue.js、前端开发、基础入门、实战项目、组件化开发摘要：本文旨在为初学者提供一份全面的Vue.js前端开发入门指南。

大厂前端小白菜·2025-05-18 11:57

Vue3路由：服务端渲染（SSR）（10）

服务端渲染（SSR）文章目录服务端渲染（SSR）一、中央厨房：理解SSR1.传统渲染vsSSR二、快速出餐：Nuxt3基础配置1.创建SSR项目2.自动路由配置三、后厨协作：服务端路由处理1.获取初始数据2.路由中间件四、传菜流程：数据交互优化1.共享状态管理2.客户端水合五、特殊订单：API路由1.创建后端接口2.前端调用接口一、中央厨房：理解SSR1.传统渲染vsSSR想象两家不同的餐厅：客户

双囍菜菜·2025-05-18 10:50

国家开放大学《计算机科学与技术》毕业设计java方向

进行国家开放大学《计算机科学与技术》专业毕业设计Java方向时，可结合行业需求和技术趋势选择合适的选题，并遵循规范的实施流程，以下是具体建议：一、选题方向Web应用开发学生请假系统：基于SpringBoot+Vue

甘苦人生·2025-05-18 09:12

18.VUE_路由_name的用法

在这里插入代码片我们在定义每个路由的时候会有一个name的属性（如下面代码），通常我们不定义这个属性发现也没有任何问题，那么这个name到底有什么用呢？exportdefaultnewRouter({mode:'history',routes:[{path:'/',name:'Hello',component:Hello},{path:'/text',name:'text',component:t

橘九。·2025-05-18 05:12

Vue百日学习计划Day21-23天详细计划-Gemini版

总目标:在Day21-23完成Vue.js的介绍学习、环境搭建，并成功运行第一个Vue3项目，理解其基本结构。

LuckyLay·2025-05-18 05:10

Vue百日学习计划Day19-20天详细计划-Gemini版

重要提示：番茄时钟：每个番茄钟为25分钟学习，之后休息5分钟。每完成4个番茄钟，进行一次15-30分钟的长休息。动手实践：DevTools的使用和Git命令的掌握都需要大量的实际操作。请务必边学边练。环境准备：确保您有一个现代浏览器（如Chrome或Firefox）用于学习DevTools。提前安装Git(https://git-scm.com/downloads)。提前安装Node.js和npm

LuckyLay·2025-05-18 05:40

VUE_路由_name的用法

VueRouter中name属性的作用详解在使用VueRouter定义路由时，我们常常会看到如下结构：exportdefaultnewRouter({mode:'history',routes:[{path

不穿铠甲的穿山甲·2025-05-18 05:10

Vue百日学习计划Day9-15天详细计划-Gemini版

重要提示：番茄时钟：每个番茄钟为25分钟学习，之后休息5分钟。每完成4个番茄钟，进行一次15-30分钟的长休息。灵活性：JavaScript的概念较多，尤其是this、原型链、闭包和异步编程，可能需要更多时间来理解和消化。请根据个人情况调整。多动手实践：JavaScript学习的核心在于动手编写代码、调试和观察结果。请务必在每个知识点学习后进行编码实践。资源利用：MDNWebDocs(JavaSc

LuckyLay·2025-05-18 05:09

推荐频道

vuejs框架