#vue

vue3+elementplus+nodejs/java搭建长连接

WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的Websocket是一个持久化的协议websocket约定了一个通信的规范，通过一个握手的机制，客户端和服务器之间能建立一个类似tcp的连接，从而方便它们之间的通信在websocket出现之前，web交互一般是基于htt
前端小云儿·2025-05-12 11:22

【Vue3+Ts】—— composition API（三）计算属性

目录computedwatchEffectwatchEffect的停止侦听watchEffect清除副作用setup中使用refwatchEffect的执行时机调整watchEffect的执行时机Watch的使用侦听单个数据源侦听多个数据源侦听响应式对象watch的选项生命周期钩子Provide函数Inject函数数据的响应式修改响应式Propertycomputed在前面我们讲解过计算属性com
ChocolateBar~·2025-05-12 09:10

Vue3.0+TS管理系统基础使用之变量声明、计算属性、监听属性

将近一年没写过管理系统了，上一次用的还是vue2+js，这次接手的项目是Vue3+ts，一眼看过去好熟悉的style，第二眼开始蒙，数据写哪？计算属性咋写啊？
来啦来啦~·2025-05-12 09:10

基于协同过滤推荐算法+数据可视化大屏+SpringBoot+Vue的半成品配菜服务平台系统设计和实现(源码+LW+部署讲解)

新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围：SpringBoot、Vue
阿勇学长·2025-05-12 09:40

vue3+ts的computed属性怎么用？

首先我们要进行引入computed这个属性，然后定义用这个属性的时候我们要先了解这个属性。这个computed其实分为里两种！一种是仅可读的，还有一种就是即可以读，又可以修改的！那我们常用的肯定是后者！我们引入方法后，里面直接包一个对象里面装着get()set()两种方法！学习java后端的应该都不陌生！哈哈哈哈哈，然后get就是拿到这个计算的值，直接return回来即可，而set就是要对计算的值
liuyang___·2025-05-12 08:36

Linux下宝塔部署 SpringBoot + Vue 前后端分离项目

分享一下如何用宝塔简单快速部署线上springboot+vue项目，我的服务器系统:CentOS7.6，需要安装宝塔可以直接按照官网的方法根据自己的系统进行安装官网地址:宝塔面板下载，免费全能的服务器运维软件前后端分别打包
南师大第一原劈·2025-05-12 08:35

Github 2025-05-11 php开源项目日报 Top10

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量PHP项目10Vue项目1Blade项目1SecLists-安全测试人员的伴侣创建周期：4375天开发语言：PHP协议类型：MITLicenseStar
老孙正经胡说·2025-05-12 07:55

基于Java+SpringBoot+Vue的大型商场应急预案管理系统

基于Java+SpringBoot+Vue的大型商场应急预案管理系统前言✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN[新星计划]导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/
智能编程设计工作室·2025-05-12 06:18

UniApp页面路由详解

一、路由系统概述1.1路由机制原理UniApp基于Vue.js实现了一套跨平台的路由管理系统，其核心原理是通过维护页面栈来管理应用内不同页面之间的跳转关系。
奎歪歪·2025-05-12 06:46

springboot3+vue3融合项目实战-大事件文章管理系统获取用户详细信息

在UserController里面增加代码@GetMapping("/userInfo")publicResultuserInfo(@RequestHeader(name="Authorization")Stringtoken){//根据用户名查询用户Mapmap=JwtUtil.parseToken(token);Stringusername=(String)map.get("username"
Edward Nygma·2025-05-12 06:16

springboot3+vue3融合项目实战-大事件文章管理系统-更新用户头像

大致分为三步首先在usercontroller里面加入方法@PatchMapping("/updateAvatar")publicResultupadateAvatar(@RequestParam@URLStringavatarUrl){userService.updateAvater(avatarUrl);returnResult.success();}@url注解能验证传入的url是不是合法的
Edward Nygma·2025-05-12 06:16

springboot3+vue3融合项目实战-大事件文章管理系统-登录主逻辑，登录认证和JWT令牌

@PostMapping("/login")publicResultlogin(@Pattern(regexp="^\\S{5,16}$")Stringusername,@Pattern(regexp="^\\S{5,16}$")Stringpassword){//根据用户名查询用户UserloginUser=userService.findByUsername(username);//判断该用户
Edward Nygma·2025-05-12 06:46

springboot3+vue3融合项目实战-大事件文章管理系统-开发模式和环境搭建

1.执行以下代码，准备数据库表--创建数据库createdatabasebig_event;--使用数据库usebig_event;--用户表createtableuser(idintunsignedprimarykeyauto_incrementcomment'ID',usernamevarchar(20)notnulluniquecomment'用户名',passwordvarchar(32)
Edward Nygma·2025-05-12 06:16

Uniapp 开发商城小程序全解析

二、Uniapp概述（一）简介Uniapp是DCloud公司发布的一个使用Vue.js开发所有前端应用的框
hunzi_1·2025-05-12 06:15

Vue 和 Uniapp 路由的区别

Vue.js是一种流行的JavaScript框架，而Uniapp是基于Vue.js的跨平台开发框架。两者都提供了路由功能，但是它们在实现和使用上存在一些区别。
前端智慧·2025-05-12 06:14

Vue事件总线（EventBus）使用指南：详细解析与实战应用 父子组件传值

Vue事件总线（EventBus）使用指南：详细解析与实战应用父子组件传值一、初始化//event-bus.jsimportVuefrom'vue'exportconstEventBus=newVue(
Java&Develop·2025-05-12 05:42

component ：is是什么？

回答：案例：VueSFCPlayground非常好的问题！我们来系统地解释一下：一、是什么？✅简单回答：是Vue中的一个内置组件，用于动态渲染其他组件。它不是你自己写的组件，而是一个
fury_123·2025-05-12 01:12

从零开始：UniApp入门指南与实战教程

实战项目第四部分：性能优化与部署第五部分：进阶技巧与扩展第六部分：社区资源与学习路线UniApp学习资源推荐：UniApp学习路线建议：初学者学习路线：进阶者学习路线：第一部分：入门指南UniApp是一种基于Vue.js
chenguiyi12138·2025-05-12 00:39

vue3使用tailwindcss报错问题

npmcreatevite@latestnpminstall-Dtailwindcsspostcssautoprefixernpxtailwindcssinit4.·不过执行npxtailwindcssinit的时候控制台就报错了PSE:\vite-demo>npxtailwindcssinitnpmERR!cb.applyisnotafunctionnpmERR!Acompletelogofth
shmily麻瓜小菜鸡·2025-05-11 22:28

vue3设置全局css变量

1、common.scss文件中定义全局变量$common-color:red;2、在vite.config.js中导入common.scss文件defineConfig({css:{//css预处理器preprocessorOptions:{scss:{charset:false,additionalData:'@import"./src/styles/common.scss";',},},}}
煸橙干儿~~·2025-05-11 22:28

2使用预处理器sass，定义全局css变量

npminstallsass-loader--save-devnpminstallnode-sass--save-devnpminstallsass-resources-loader--save-dev2新建或者在vue.config.js
前端小云儿·2025-05-11 22:26

CSS使用JS变量

:root{--primary-color:blue;}h1{color:var(--primary-color);}2.如何在Vue2中使用template{{content}}scss.lines{
_虾仁不眨眼_·2025-05-11 22:25

【vue3+elementuiplus】el-select下拉框会自动触发校验规则的最强解决方案

场景：新增弹层和编辑弹层共用一个组件，其中有select需要做必填校验，select的必填触发规则是change。当第一次打开的是新增弹层时，一切安好。若是先打开编辑弹层，再打开新增弹层，新增弹层就会自动触发select的校验规则。以上显然不符合需求。为了取消el-select的自动校验，我尝试了更换select的校验触发方式为blur，但是会带来一个新的问题——先点击确定触发校验，再选择sele
湛海不过深蓝·2025-05-11 22:53

Vue3中v-model的超详细教程

大家好呀～今天给大家带来一个超级实用的Vue3技巧：如何使用v-model实现数据双向绑定！如果你在开发过程中需要快速实现表单输入与组件状态同步，那么v-model绝对是你的最佳选择！
风清扬雨·2025-05-11 21:53

vue-钉钉H5微应用单点登录，获取用户信息踩坑指南

最近接到一个新任务，H5开发俩页面，嵌入钉钉，作为一个H5微应用，需要实现免登录，也就是不要进入微应用得时候再走一个登录页面，首页+详情页，详情页带一个分享给钉钉好友的功能。首先想到既然俩页面需要需要获取用户信息，并且还有个分享给好友功能，是不是要在路由拦截处添加获取用户信息，就是用了router.beforeEach路由拦截，写着写着发现陷入了死循环，而且发现首页的免登和详情页的获取用户信息调用
佛系程序媛·2025-05-11 20:17

Vue 中 Computed 和 Watch 的深入解析与底层实现

在这些场景下，Vue提供了Computed（计算属性）和Watch（侦听器）
qq_39279448·2025-05-11 20:47

Vue 组件通信方式总览

Vue中，组件通信有很多种方式，适合不同的场景。我给你系统地总结一版，方法+场景+简单例子，非常清晰直白！
Adolf_1993·2025-05-11 20:47

DeepSeek+Yolov8-12的中草药检测分析系统开发实战

本系统采用Vue3+Flask的前后端分离架构，集成YOLOv8-12模型进行图像识别，结合DeepSeek大语言模型提供专业分析，实现一个完整的中草药智能检测平台。
Android洋芋·2025-05-11 20:46

【开发日记】Vue2动态路由踩坑指南

前言背景是对一个Vue2的老项目进行动态路由改造，原来是静态路由。踩坑指南1、component中的@符号不能由服务端返回，因为很可能会识别成其他内容。
二饭·2025-05-11 20:45

智能商品推荐系统技术路线图-2

ServiceLayer)↓数据访问数据访问层(DataAccessLayer)↓数据存储/处理数据存储层(DataStorageLayer)↓大数据处理大数据处理层(BigDataLayer)用户交互层Web前端(Vue
Nick_zcy·2025-05-11 18:34

前端性能优化最佳实践

目录前言加载性能优化资源压缩与合并图片优化懒加载与预加载CDN加速HTTP缓存策略渲染性能优化关键渲染路径优化减少重绘与回流CSS优化策略JavaScript执行优化框架特定优化React性能优化Vue
天天进步2015·2025-05-11 17:00

提高工作效率的新选择[特殊字符]——Element Plus UI库

今天我们就来介绍一款由Element团队打造的Vue.js3UI库——ElementPlus。
人工智能我来了·2025-05-11 17:28

vue 中 ui 组件二次封装后 ref 怎么穿透到子组件里

1.vue2封装组件  exportdefault{  data(){   return{};  },  mounted(){   constentries=Object.entries(this.
yqcoder·2025-05-11 17:57

Vue3--组件的二次封装

二、为什么要进行组件封装目前开源的Vue3组件库有很多，包括ElementPlus、AntDesignVue、NaiveUI、Vuetify、Varlet等等。在大部分场景中，我们直接使用现有组件库中
weixin_53094984·2025-05-11 17:56

vue 组件库二次封装

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

vue2 vant ui组件二次封装

我们可以通过使用vue2中$attrs、$listeners、$slots分别来解决以上问题。$attrs是一个对象，包含了父作用域中传递给组件的非prop属性。它可以用来在组件中将这些非prop属性
aboutzhang·2025-05-11 17:56

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

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

ui组件二次封装（vue）

组件二次封装的意义保证一个系统中ui风格和功能的一致性便于维护从属性、事件、插槽、ref这几方面考虑属性和事件的处理：ui组件上绑定$attrs（v-model本质也是一个属性加一个事件，所以也在其列）在自定义组件中打印$attrs：父组件传递过来的所有属性和事件-自定义组件本身定义的属性和事件。插槽的处理：循环$slots设置ui组件插槽，并定义同名自定义组件插槽在自定义组件中打印$slots:
monstkl·2025-05-11 16:52

Vue3 Element Plus el-tabs数据刷新方法

方法1:使用@tab-change事件{{tab1Data}}{{tab2Data}}import{ref}from'vue';constactiveTab=ref('tab1');consttab1Data
滿·2025-05-11 16:50

Vue 路由模式深度解析：Hash 、 History

1.Hash模式详解1.1特点1.1.1URL中包含符号“#”在Hash模式下，URL中始终包含一个以“#”为前缀的部分。例如：ExampleDomain。这个“#”号是Hash模式的显著标志。1.1.2Hash不包括在HTTP请求中与传统的服务端路由不同，Hash不会被包括在HTTP请求中。换句话说，在进行路由切换时，不会向服务器发送额外的请求。这使得前端能够完全掌控路由的变化。1.1.3页面切
滿·2025-05-11 16:20

VUE+Element Plus 实现动态渲染表单

exportdefault{name:"test",data(){return{form:{},row_w:6,form_item_arr:[{type:"select",label:"选择器",prop:"customerId",option_arr:"customerId_list"},{type:"input",label:"输入框",prop:"businessNo",},{type:"i
BananaMans·2025-05-11 16:17

Vue3 + Element Plus 动态表单实现

完整代码{{option.label}}{{option.label}}提交重置import{ref,onMounted}from'vue'import{ElMessage}from'element-plus
滿·2025-05-11 15:16

Vue 3响应式核心：深入解析ref与reactive的区别与实现原理

一、引言在Vue3的响应式系统中，ref和reactive是最核心的API。许多开发者在使用时容易混淆两者的区别，本文将通过用法对比、原理分析和源码解读，帮助开发者深入理解这两个API的设计思想。
小钟H呀·2025-05-11 14:35

uniapp 发布 H5监听路由变化

由于uni.onAppRoute的兼容性问题h5环境下监听路由出了问题解决方案：//App.vuewatch:{'$route.meta.pagePath':{handler:function(newVal
某公司摸鱼前端·2025-05-11 13:05

Vue Router全局拦截

VueRouter全局拦截全攻略一、为什么需要全局拦截？最近在开发后台管理系统时，突然发现所有页面都需要登录才能访问。如果每个页面都手动检查登录状态，那代码简直要写成意大利面条了。
森哥的歌·2025-05-11 13:34

Vue.js 源码解析：深入 Vue 3 中 ref 和 reactive

ref的源码解析2.1基本使用回顾2.2源码实现源码解释三、reactive的源码解析3.1基本使用回顾3.2源码实现源码解释四、ref和reactive的区别与联系4.1区别4.2联系五、总结一、引言在Vue3
码上前端·2025-05-11 13:04

深入解析Vue3中ref与reactive的区别及源码实现

深入解析Vue3中ref与reactive的区别及源码实现前言Vue3带来了全新的响应式系统，其中ref和reactive是最常用的两个API。
森哥的歌·2025-05-11 13:02

使用vue.js制作简易购物车

项目需求：使用Vue.js制作购物车，要求单击“+”“-”按钮对应数量可改变，相对应的总价也会重新计算可改变;当某个商品数量减为0时，其“_”按钮为不可用状态。
桂花载酒少年游_·2025-05-11 12:59

【二.Vue3 Composition API：革新前端开发体验】

2.Vue3API相关2.1OptionsAPI与CompositionAPIVue2的API设计是Options（配置）风格的Vue3的API设计是Composition（组合）风格的2.1.1OptionsAPI
hhcainiaohh·2025-05-11 10:14

vue3模版语法

Vue的模板语法（templatesyntax）是Vue框架中用于声明式地绑定DOM的方式，核心是将HTML与Vue实例的数据绑定起来。
layman0528·2025-05-11 09:32
上一页 46 47 48 49 50 51 52 53 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他