vue框架使用第70页

Vue 3 中 setup 函数的用法

深入探索Vue3中setup函数的用法在Vue3的广阔世界里，setup函数无疑是一颗璀璨的明星，它为开发者带来了前所未有的便利与灵活性。

东锋17·2025-04-12 17:20

react/vue中前端多图片展示页面优化图片加载速度的五种方案

需求背景在多项目中例如官网项目中会出现很多大图片显示的情况这个时候就会出现图片过大公司带宽不够之类导致页面加载速度过慢及页面出现后图片仍然占位但并未加载出来或者因为网络问题导致图片区域黑块等等场景这个时候我们就要对图片和当前场景进行优化方案定义图片更换为avif或者webp格式缩减图片大小，若svg可对svg进一步压缩，vscode中有很多插件支持，但是没有直接使用avif和webp格式效果好若公

旭久·2025-04-12 16:18

Python3 WebUI自动化总篇：Python3+Selenium+Pytest+Allure+ Jenkins webUI自动化框架

Python3WebUI自动化总篇：Python3+Selenium+Pytest+Allure+JenkinswebUI自动化框架WebUI接口框架使用的工具

宁宁可可·2025-04-12 15:43

vue3关于在线考试实现监考功能推流拉流

vue3关于在线考试实现监考功能，pc端考试本质是直播推流的功能使用腾讯云直播:在线文档index.htmlxxx/title>window.TXLivePusher=TXLivePusherTXLivePusher.jsclassTXLivePusher

Vue1024·2025-04-12 14:08

腾讯云直播前端分享

文章目录一、代码1.直播推流2.直播拉流二、直播视频全屏canvas元素无法在最上层三、报错403这次项目是一个课堂管理项目，虽然这个是第二个VUE项目，但是上一个项目写到一半，学长说写这个项目了，不知道之后会不会把上次的项目完成吧

BUG不加糖·2025-04-12 14:08

vue3腾讯云直播前端推流

1、在index.html文件中引入（在body体中）2、vue文件中，添加video推流（我用的推流地址是webrtc）import{ref,onMounted,onUnmounted}from'vue

大个个个个个儿·2025-04-12 14:07

Vue实战指南：Vue加载循环倒计时示例

Vue实战指南：Vue加载循环倒计时示例基本概念与作用说明倒计时Vue中的计时器功能实现思路示例一：基本的倒计时功能示例二：重置倒计时示例三：格式化倒计时显示示例四：停止倒计时示例五：结合VueRouter

DTcode7·2025-04-12 14:34

Uniapp Vue 实现当前日期到给定日期的倒计时组件开发

应用场景与需求分析在移动端应用开发中，倒计时功能是常见的交互需求，例如限时促销活动、订单超时提醒、考试倒计时等场景。本文将基于Uniapp框架，实现一个从当前日期到给定日期的倒计时组件，支持显示HH:mm:ss格式的剩余时间，并具备自动更新和资源释放机制。实现思路通过props接收目标时间字符串（如‘2024-12-3123:59:59’）在组件挂载时启动定时器，每秒计算当前时间与目标时间的差值使

web_Hsir·2025-04-12 14:02

红宝书第四十一讲：关于Vue3的入门解读和与Vue2的区别

红宝书第四十一讲：关于Vue3的入门解读和与Vue2的区别资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲1.什么是Vue3？

·2025-04-12 13:15

DataX Web UI 安装和配置指南

datax-web-uiDataXWebUI项目地址:https://gitcode.com/gh_mirrors/da/datax-web-ui1.项目基础介绍和主要编程语言项目基础介绍DataXWebUI是一个基于Vue

嵇荟隽Anastasia·2025-04-12 13:28

VUE的node包缓存很严重，问题及解决办法

以下是需要特别注意的几个包：VueCLI相关：@vue/cli-service和@vue/cli-plugin-babel的版本是4.4.6，这是一个相对较老的版本。

涔溪·2025-04-12 13:25

Vue客服组件集成Dify智能问答：从设计到落地（3）

前言在现代前端开发中，特别是涉及AI对话、实时客服系统等场景时，流式数据处理已成为一项关键技术。本文将深入探讨流式数据的特点、转义字符处理的必要性，以及在实际项目中的最佳实践，帮助开发者构建高效、流畅的用户交互体验。1.流式数据处理基础1.1什么是流式数据？流式数据（StreamingData）是指数据以连续、实时的方式传输，而不是一次性完整传输。在前端应用中，流式数据通常来自于：AI回复的实时生

不够优雅·2025-04-12 12:21

(vue2.0)vue-awesome-swiper(v3.1.3)的初级使用

npminstallnpminstallvue[email protected]//或者npminstallvue-awesome-swiper--save引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper

AlexKain·2025-04-12 11:14

自己写个VUE 原生javascript 100行js代码实现一个简单的双向数据绑定的mvvm框架

一，基础知识1，何为MVVM（双向数据绑定）双向数据绑定（MVVM）：数据（M）发生变化时立即影响视图（V），而视图（V）发生改变也会立即影响数据（M）2，实现数据绑定的方法实现数据绑定的做法有大致如下几种：1，观察者模式（backbone）发布者发布事件，观察者监听事件。当某些方法被触发时，就通知观察者执行预定操作。观察者可以使用自己写也可以使用es7最新添加的数据绑定方法Object.obse

千年奇葩·2025-04-12 10:11

cesium加载魔方立方体

import{onMounted,ref}from'vue';import{Steps,Step}from'ant-design-vue';import*asTHREEfrom'three';import

小满blue·2025-04-12 09:32

mapbox在缓冲范围内随机生成点位

import{onMounted,Ref,ref}from'vue';import{Select,InputSearch}from'ant-design-vue';importmapboxglfrom'mapbox-gl

小满blue·2025-04-12 09:32

Uniapp及其他面试题汇总

二、jQuery、vue、小程序、uni-app中的本地数据存储和接收？三、vue,小程序,uni-app的生命周期？四、uniapp中组件生命周期？五、路由与页面跳转？六、跨端适配—条件编译？

落落寒灯灭·2025-04-12 09:02

前端（vue）exceljs导出Excel（导出图片）

少说废话，直接入题先引入exceljsnpminstallexceljs--save随后在导出Excel的方法里面这样写asyncexportExcel(){//定义表头constcolumns=[{header:'标题名',key:'data数据字段名',width:14},{header:'姓名',key:'name',width:14},{header:'头像',key:'img',widt

社会底层无业大学生·2025-04-12 08:55

vue - 解决报错 Error: error:0308010C:digital envelope routines::unsupported（Vue项目启动或打包时提示错误，降低node版本没用）

问题说明在vue2、vue3项目开发中，执行rundev运行|runbuild打包时，Vue报错error:0308010C:digitalenveloperoutines::unsupported，很奇怪的错误

十一猫咪爱养鱼·2025-04-12 05:26

前端基础：React项目打包部署服务器教程

PS：vue项目打包部署同理。打包好的build文件夹如下图。问题解决方法一：Serve静态服务器使用前服务器环境需要安装好NodeJ

destinyol·2025-04-12 04:54

企业工程项目管理系统源码：Java版源码解析

一、项目概述鸿鹄工程项目管理系统是基于SpringCloud、SpringBoot、Mybatis、Vue和ElementUI技术栈，采用前后端分离架构构建的工程管理软件。

2301_77700816·2025-04-12 02:42

使用 Qiankun 微前端框架搭建 Vue3 项目实践指南

本文基于[email protected]和Vue3，分享如何从零搭建一个微前端项目。一、微前端核心概念主应用（BaseApp）：负责全局路由、状态管理和子应用调度。

前端_刘阿三·2025-04-12 02:40

vue3 + element plus 实现行内编辑el-table的某列数据并保存

vue3+elementplus行内编辑el-table的某列数据并保存需求试想有这么一个需求：你使用了一个elementplus的el-table组件你要改的数据不多，就那么一两列但是实际上有很多列数据

open_book567·2025-04-11 23:55

springboot+vue3+Element-plus前后端分离（文件上传与回显）

一、前端实现（一）、创建vue工程npminitvue@latest输入项目名称【big-file】后，全部选择否。

金融小白数据分析之路·2025-04-11 23:55

vue3+element plus+minio+pdfjs-dist 实现pdf文件上传回显

在Vue3项目中使用PDF.js（pdfjs-dist）可以帮助在应用中渲染和显示PDF文件。本篇主要是想总结一下我踩过的坑，文章结尾会附上完整代码，话不多说先上图展示效果。

一梦浮生jjy·2025-04-11 23:24

Vue.js 过渡 & 动画

过渡Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。Vue提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。

宇哥资料·2025-04-11 22:48

Vue.js 混入

来看一个简单的实例：实例varvm=newVue({el:'#databinding',data:{},methods:{},});//定义一个混入对象varmyMixin={created:function

宇哥资料·2025-04-11 22:18

Vue自定义指令+IntersectionObserver实现图片懒加载

小满的视频代码：图片储存在/assets/images/文件夹下import{Directive}from"vue";/*import.meta.glob：文件引入，将指定文件夹中的文件一次性全部引入1

YUELEI118·2025-04-11 21:10

Vue3 运行时解析SFC单文件模板字符串

源码地址：2091124175/OnlinePreview:vue3在线预览模板需求：后端接口返回了一个vue3单文件模板字符串需要渲染到当前页面。也就是说需要实时解析。

常年游走在bug的边缘·2025-04-11 20:35

vue3项目集成electron

一、环境准备1.确保已安装Node.js(建议版本16.x或更高)2.创建或进入现有Vue项目目录cdyour-vue-project二、添加Electron支持在项目根目录执行：vueaddelectron-builder

貂蝉空大·2025-04-11 20:04

【前端之旅】JavaScript进阶笔记

一名软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Jquery、Ajax、Node.js、Vue、Axios、小程序开发（Uniapp）以及各种UI组件库、前端框架的学习

请你喝杯Java⁡·2025-04-11 19:26

说说React/Vue/Javascript间的联系与区别

React和JavaScript的关系可以理解为‌“框架与语言”‌的关系。React是基于JavaScript构建的一个‌前端库（或框架）‌，用于更高效地开发用户界面（UI）。以下是两者的核心关系及关键点解析：1.‌React是JavaScript的延伸‌‌JavaScript是基础‌：React的所有功能（组件、状态管理、生命周期等）都是用JavaScript实现的。学习React前，必须掌握J

碧海饮冰·2025-04-11 19:25

Vue 框架组件间通信方式

组件间通信方式不管是vue2还是vue3，组件通信方式很重要，以下是常见的几种通信方式：props：可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件：可以实现子父组件通信全局事件总线$bus：可以实现任意组件通信

Code额·2025-04-11 19:54

【计算机毕业设计选题推荐】基于SpringBoot+Vue的志愿者招募管理系统的设计与实现【附源码+部署+讲解】

⚡⚡Java、Python、小程序、大数据实战项目集⚡⚡文末获取源码文章目录⚡⚡文末获取源码基于SpringBoot+Vue的志愿者招募管理系统-研究背景基于SpringBoot+V

计算机毕设编程指导师·2025-04-11 18:52

uni-app简易介绍

目录一、什么是uni-app二、uni-app适合什么样的开发者以及它有哪些优点1.uni-app适合那些有Vue.js开发经验的开发者2.uni-app的优点主要有以下几点：三、uni-app开发环境配置

LFE76·2025-04-11 18:16

【含文档+PPT+源码】基于微信小程序农家乐美食餐厅预约推广系统

项目视频介绍：毕业作品区域农家乐推广程序技术路线：后端：SpringBoot+Vue+ElementUI（后端是前后端分离的）前端：Uniapp框架开发工具：JDK1.8以上+IDEA+MySQL5.7

编程毕设·2025-04-11 17:38

《从零搭建Vue3项目实战》（AI辅助搭建Vue3+ElemntPlus后台管理项目）零基础入门系列第八篇:菜单栏优化和阶段项目源码

致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录《从零搭建Vue3项目实战》（AI辅助搭建Vue3+ElemntPlus后台管理项目）零基础入门系列第八篇:菜单栏优化和阶段项目源码

岫珩·2025-04-11 15:57

下一代前端构建工具 Astro，快如闪电！

Astro是一个开源的JavaScript框架，用于在流行的UI框架（如React、Preact、Vue或Svelte）之上生成Web应用。Astro的页面由多个独立的组件组成。

开源项目精选·2025-04-11 13:47

解决 Vue 中 input 输入框被赋值后，无法再修改和编辑的问题

目录需求：出现BUG：Bug代码复现解决问题：解决方法1：解决方法2关于$set()的补充：需求：前段时间，接到了一个需求：在选择框中选中某个下拉菜单时，对应的输入框就得自动填上对应的值。比如在药品名称中选取了生理盐水，下栏的药品单位和药品用法就会自动填上对应的值imgimg出现BUG：接到这个需求后，我就想到用v-model去改变值，但是实现选中菜单自动填写对应的值后，心想用户想修改某个值怎么办

前端贾公子·2025-04-11 13:45

vue3项目实战-轮播图实现，页面组件封装，图片懒加载，组件封装，使用逻辑函数拆分业务

轮播图实现element-plus组件搭建静态结构封装接口apis下新建home.js,添加以下代码（这里的接口是后台提供的，每个项目对应的都不一样，这里只提供方法，以自己的项目为准）importhttpInstancefrom'@/utils/http'//获取bannerexportfunctiongetBannerAPI(params={}){//默认为1,商品为2const{distrib

爱学英语的程序媛·2025-04-11 13:14

推荐项目：Papanasi - 全能 UI 库

papanasiPapanasiistheFrontendUIlibrarytousecrossFrameworks.AsetofcomponentstouseinAngular,Preact,Qwik,React,Solid,Svelte,VueandWebComponents

荣正青·2025-04-11 13:13

【若依】svgIcon组件使用指南

2.构建工具配置‌VueCLI项目‌：需在vue.c

王阔阔·2025-04-11 12:10

【cesium】在vue2中使用cesium（持续更新）

在vue2中使用cesium在项目中使用步骤1.npminstallcesium--save2.接入项目cesium3.index.html中引入cesium4.完成后重启项目！

王阔阔·2025-04-11 12:10

跨框架解决方案-Mitosis【简述与原理】

mitosis是JSX的一个子集，它支持为许多前端框架生成代码，包括React、Vue、

小林搞前端·2025-04-11 12:39

前端跨框架组件解决方案

一、跨框架组件的使用场景1.大型业务的多技术栈需求大型业务企业的前端团队可能使用不同的技术栈（如React和Vue）。通过跨框架组件库，可以实现组件复用，减少重复开发的成本，同时保持设计一致性。

小鸭呱呱呱·2025-04-11 12:07

el-select组件与el-tree组件结合实现下拉选择树型结构框

下拉选择树型结构框实现效果图组件完整代码实现效果图组件完整代码import{mapState,mapActions}from"vuex";exportdefault{props:{treeData:{type

王阔阔·2025-04-11 12:06

实现一个 Markdown 编辑器组件：Vue 3 + Vite + Highlight.js

文章目录一、项目背景与需求分析二、搭建基础项目1.初始化Vue3项目2.安装依赖三、实现Markdown编辑器组件1.创建Markdown编辑器组件2.组件说明四、优化与拓展1.自动保存功能2.文件上传功能五

前端极客探险家·2025-04-11 11:32

前端面试题（七）：什么是vuex，请解释一下它在Vue中的作用

Vuex是一个专门为Vue.js应用程序开发的状态管理库。它可以集中管理应用的所有状态，并保证状态以一种可预测的方式发生变化。

星星跌入梦境*·2025-04-11 10:58

UniApp 开发从入门到精通

UniApp是什么核心特点和优点UniApp的使用场景1.2开发环境搭建安装HBuilderXIDE配置必要工具：Node.js和npm创建第一个UniApp项目项目结构解析1.3基本语法与框架基础使用Vue.js

莲华君·2025-04-11 10:26

青少年夏令营管理系统的设计与开发（社团管理）（springboot+vue）+文档

CSDN平台官方提供的老师Wechat/QQ名片:)Java精品实战案例《700套》2025最新毕业设计选题推荐：最热的500个选题o(￣▽￣)ｄ介绍本文介绍了一款基于SpringBoot、MySQL和Vue

全职计算机毕业设计·2025-04-11 09:22

推荐频道

vue框架使用