#vue 第58页

Vue3 使用详解

一、Vue3简介Vue3是Vue.js框架的最新主要版本，于2020年9月正式发布。

上官箫羽·2025-04-29 09:36

Docker小游戏 | 使用Docker部署文字修仙网页小游戏

Docker小游戏|使用Docker部署文字修仙网页小游戏前言项目介绍vue-XiuXianGame项目简介主要特点项目预览二、系统要求环境要求环境检查Docker版本检查检查操作系统版本三、部署文字修仙网页小游戏下载镜像创建容器检查容器状态检查服务端口安全设置四

心随_风动·2025-04-29 09:34

避免事件“穿透”——Vue 中事件冒泡的理解与解决方案

一、事件冒泡是什么？事件冒泡指的是：当某个元素上的事件被触发后，事件会从该元素向其父级、祖先元素一直“冒泡”传递，直到document。这意味着，如果父元素绑定了点击事件，子元素触发点击时也可能顺带触发父元素的点击逻辑。解除绑定点击按钮时，handleButtonClick会执行，但由于事件冒泡，handleCardClick也会被触发。这就是我们常说的点击“穿透”问题。二、如何阻止事件冒泡？只需

技术需要沉淀gogo·2025-04-29 08:33

基于el-input包装的金额输入框，展示时千分位分割，输入时是数字。

import{computed,defineComponent,reactive,toRefs,watch}from'vue';exportdefaultdefineComponent({name:'FmisMoneyInput

代码少女Zik -·2025-04-29 06:46

Input输入数字自动转千分位进行展示（拿来即用的完美组件）

一、前言实际的页面开发中，需要输入金额类型的输入框比较常见，这类输入框根据实际的业务场景都是要进行个性化的组件封装，本文借助自己封装的一个输入框组件NumberToAmount.vue来讲述el-input

【金融科技蚂蚁】·2025-04-29 06:16

基于微信小程序的宿舍报修系统-毕业设计

，收藏文章方便后续找到，以防迷路，最下面有联系博主系统截图展示详细视频演示文章底部名片，联系我看更详细的演示视频技术栈和所需工具小程序端运行软件微信开发者工具/hbuiderxuni-app框架：使用Vue.js

QQ860660016·2025-04-29 05:36

字节跳动在GitHub上有哪些开源项目

以下是一些典型项目及其简介：1.前端&跨平台开发Hippy仓库:Tencent/Hippy（注：Hippy最初由腾讯开源，但字节跳动内部有深度定制和扩展版本）简介:高性能跨端开发框架，支持React/Vue

程序员差不多先生·2025-04-29 04:26

ts全局导入接口

为了在项目中全局导入ITableColumn接口，避免每次使用时手动导入，可以通过以下步骤实现：1.全局导入的实现方式在Vue项目中，可以通过在src目录下创建一个global.d.ts文件，将ITableColumn

雅痞yuppie·2025-04-29 03:22

[前端面试]如果我要动态生成一个表格，你会用模板、渲染函数还是 JSX，为什么？

好的，这个问题是一个很经典的面试场景题，考察你对Vue中不同渲染方式的理解和选择能力。我会根据具体情况给出详细的回答，同时展示如何用模板、渲染函数和JSX实现动态表格，然后分析为什么选择某种方式。

Stupid小池·2025-04-29 03:51

uniapp-components 项目介绍及使用教程

这些组件遵循Vue.j

巫舒姗·2025-04-29 01:40

2022年重学Flex布局

全栈中年大叔·2025-04-29 01:06

vue项目移动端适配的两种方案

vue项目移动端适配的两种方案方法11.npminstallamfe-flexible--save自适应不同屏幕//在main.js导入amfe-flexibleimport"amfe-flexible

快乐牛牛不要困难·2025-04-28 22:18

Vue3组合式Api中ref何时需要使用.value

在Vue3中，是否需要使用.value取决于你操作的是响应式引用对象（ref）还是普通值。以下是详细规则和使用场景：需要.value的情况.value是ref对象的一个属性，用于访问或修改其存储的值。

北极星Henry·2025-04-28 21:18

Vue3中的ref为何要用.value进行值的调用？

在Vue2中，所有的数据都通过一个Data进行统一的返回，并且在data中对某个组件要用的数据进行统一的管理，常见的使用形式是这样的：importsearchfrom'@/components/search'importtodosfrom

ciarlatani·2025-04-28 21:48

从源码的角度去分析,为什么Vue3中的ref为何要用.value进行值的调用

要从源码角度分析Vue3中ref为什么需要通过.value来访问和修改值，关键在于Vue3响应式系统的设计和实现。

吴世燅·2025-04-28 21:18

vue项目的移动端适配方案

方案：amfe-flexible+amfe-flexible1.amfe-flexibleamfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。2.postcss-pxtorempostcss-pxtorem是postcss的插件，用于将像素单元生成rem单位。使用步骤1、先安装amfe-flexible和postcss-pxtoremnpminstalla

那颗星·2025-04-28 21:16

babel和loader的关系

2.Loader是加载器（在打包工具里的）比如在webpack里：Loader的作用是告诉webpack：当你遇到.js、.vue、.ts这类文件，应该用谁去处理它。Loa

海盗强·2025-04-28 21:44

vue项目页面不同分辨率适配

首先下载lodash插件npmilodash-S然后在App.vue中导入import_from'lodash'给app容器挂上ref=“app”在mounted使用如下方法（其中的1080以及1920

_初见.·2025-04-28 21:14

vue移动端项目适配

一、amfe-flexible1.首先把安装amfe-flexiblenpmiamfe-flexible-S2.配置postcss-pxtorempostcss-pxtorem会将px转换为[email protected].在项目入口文件main.js中引入amfe-flexibleimport'amfe-flexible'4.在根目录的index

cc_Crt·2025-04-28 21:13

vue2大屏适配

新建组件FullContainerexportdefault{name:'FullContainer',mounted(){this.initSize();window.addEventListener('resize',this.setScale);},beforeDestroy(){this.recoverSize();window.removeEventListener('resize',t

H30919·2025-04-28 21:42

Vue3中Symbol的使用说明

在Vue3中，Symbol主要用于解决命名冲突和实现更安全的依赖注入。以下是详细讲解和示例代码：一、Symbol基础Symbol是ES6引入的原始数据类型，表示唯一的值。

BillKu·2025-04-28 21:42

Vue2.0开发之——babel-loader处理高级JS语法(09)

一概述通过装饰器注解问题导入babel-loaderbabel-loader的安装与配置babel-loader处理后的效果二通过装饰器注解问题导入babel-loader2.1在index.js文件中，添加如下代码//定义装饰器函数functioninfo(target){target.info='Person.info'}//定义一个普通的类@infoclassPerson{}console.

PGzxc·2025-04-28 21:42

vue项目页面适配

vue项目页面适配目的：结合动态设置根字体大小的脚本（如通过JavaScript监听屏幕尺寸变化），实现页面元素在不同设备上的自适应缩放1、安装postcss-pxtorem###若项目未集成postcss

蜡笔小新1980·2025-04-28 21:40

vue-cli3 + threejs项目的一些注意点

[部分资源来源于网络。]1.OpenGL大概许多人都有所耳闻，它是最常用的跨平台图形库。2.WebGL是基于OpenGL设计的面向web的图形标准，提供了一系列JavaScriptAPI，通过这些API进行图形渲染将得以利用图形硬件从而获得较高性能。由于出色的JavaScriptWebGLAPI,现代浏览器完全有能力在没有第三方插件帮助的情况下呈现先进的2d和3d图形。利用专用的图形处理器的性能,

队友一直叫我撤·2025-04-28 20:34

vscode vue 的插件点击组件不能跳转到文件问题解决

ctrl+shift+p打开命令行，搜索更改语言模式选择第二项选择vue现在可以了

小妖666·2025-04-28 17:18

React中插槽实现方式

默认插槽childrenReact中最基本的"插槽"是通过children属性实现的，相当于Vue中的默认插槽：//父组件constCard=({children})=>{return({children

看淡一切yu·2025-04-28 17:46

Vue2、Vue3区别之响应式原理

Vue2、Vue3区别之响应式原理文章目录Vue2、Vue3区别之响应式原理**一、Vue2的响应式原理****1.核心机制：`Object.defineProperty`****2.局限性****二、

肠胃炎·2025-04-28 15:08

Vue2和Vue3区别之API

Vue2和Vue3区别之API文章目录Vue2和Vue3区别之API一、全局API对比总表**1.创建应用实例****Vue2:`newVue()`****Vue3:`createApp()`****2

肠胃炎·2025-04-28 15:08

为什么越来越多的人使用vue开发，不用jq了

很多使用惯了jq的朋友们，不喜欢使用vue去开发，因为两种开发差距很大。

yuxinaibiancheng·2025-04-28 14:26

Vue.js 核心特性解析：响应式原理与组合式API实践

引言Vue.js作为一款渐进式前端框架，凭借其简洁的API设计和灵活的组件化开发模式，已经成为现代Web开发的主流选择之一。

じ☆ve 清风°·2025-04-28 13:24

计算机毕业设计之基于机器学习的网络入侵检测系统

摘要基于机器学习的网络入侵检测系统，集成了Django、MySQL、机器学习、Vue、Python和Spark等技术，形成了一个高效、可靠的网络安全解决方案。

Wx-bishe18·2025-04-28 12:51

Nuxt3如何对顶层div的部分style客户端渲染？

vue版本"^3.5.13"，nuxt3版本"^3.16.2"Nuxt3对于客户端部分的代码可以使用，那如果是要在顶层div读取clientWidth的值呢，那不是得，那这样岂不是全部都成客户端渲染了。

·2025-04-28 11:00

Maximum recursive updates exceeded in component ＜SidebarItem＞

问题：[Vuewarn]:Maximumrecursiveupdatesexceededincomponent.Thismeansyouhaveareactiveeffectthatismutatingitsowndependenciesandthusrecursivelytriggeringitself.Possiblesourcesincludecomponenttemplate

bluejad·2025-04-28 09:29

vue中使用css实现loading加载效果

vue中使用css实现loading加载效果视图层{{item}}样式层(使用less预编译).number{line-height:250px;font-size:24px;color:#000;text-align

Billow_lamb·2025-04-28 07:49

前端基础之《Vue（9）—混入》

一、什么是混入1、是一种代码复用的技巧Vue组件是由若干选项组成的，向组件中混入可复用的选项。

csj50·2025-04-28 05:02

vue创建时间年月日时分秒

{{date}}import{dateToString,getCurrMonthDates}from'../utils/moment';consttimer=ref(null);//定时器constdate=ref("");//时间timer.value=setInterval(()=>{date.value=dateToString(newDate(),"YYYY年MM月DD日HH:mm:ss"

_大菜鸟_·2025-04-28 05:59

vue3实现防抖和节流

安装Lodashyarnaddlodashnpminstalllodash--save导入Lodash节流防抖import_from"lodash";exportdefault{name:"",setup(){//节流constbtnClick=_.debounce(function(){//....console.log('节流');},2000);//防抖constbtnClick2=_.th

李長庚·2025-04-28 04:27

Vue3中的防抖和节流

customRef函数使用customRef函数创建一个自定义的ref，并对其依赖项跟踪和更新触发进行显示控制customRef接收一个函数作为参数，这个函数接收两个函数作为参数track(通知vue需要追踪后续内容的变化

喜欢打嗝·2025-04-28 04:57

vue中的防抖和节流

防抖（debounce）是指在事件被触发n秒后才执行回调函数，如果在这段时间内再次触发了事件，则重新计时。防抖的主要作用是防止重复提交或重复操作。引入npmi--savelodash网址Lodash简介|Lodash中文文档|Lodash中文网import{debounce}from'lodash'exportdefault{data(){return{searchQuery:''}},metho

qq_2524963996·2025-04-28 04:27

Vue 3 中的极致防抖/节流

极致防抖和节流在以下场景中可以发挥作用：1.表单输入：当用户在输入框中连续输入时，可以使用极致防抖来延迟触发输入事件的处理，避免频繁的计算和请求。2.滚动加载：当用户滚动页面时，可以使用节流来限制触发滚动事件的频率，以减少滚动事件的处理次数，提高性能。3.频繁点击：当用户频繁点击某个按钮或链接时，可以使用极致防抖来确保只有最后一次点击被处理，避免重复操作。4.鼠标移动：当用户鼠标在页面上移动时，可

一花一world·2025-04-28 04:26

vue3学习之防抖和节流

Vue3中的防抖（Debounce）和节流（Throttle）就是用来解决这类问题的两种常用技术。一、什么是防抖和节流？1.防抖（Debounce）什么是防抖？

鸡吃丸子·2025-04-28 04:25

Github 2024-04-21 开源项目日报 Top10

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目4TypeScript项目3HTML项目1CSS项目1C++项目1Rust项目1JupyterNotebook项目1Vue项目1CodeLlama

老孙正经胡说·2025-04-28 04:55

关于uniapp 微信小程序代码过大进行压缩处理

关于uniapp微信小程序代码过大进行压缩处理下载npmiuglifyjs-webpack-plugin;npmiterser-webpack-plugin在vue.config.js中constUglifyJsPlugin

WKK_·2025-04-28 03:21

vue3 嵌入unity 3D模型入门教程

实现场景在前端开发过程中，需要嵌入3D模型，目前所用的3d模型都是由unity3d编译而成的，直接嵌入就可以了。设计方案用iframe直接嵌入unity3d的编译包。unity3d编译之后，最终会生成js文件。首先，将unity3d文件，编译之后放入一个和public同级的文件夹，这里命名为model；其次，直接用iframe嵌入；查看嵌入的效果；最后，将文件打包，放到一个目录下面，需求就达到了。

资深前端之路·2025-04-28 03:21

下载和初步上手Vue3路由

一、安装路由bash#使用npm安装npminstallvue-router@4#或使用yarnyarnaddvue-router@4二、路由配置与暴露1.路由配置文件router/index.jsjavascriptimport

lh_1254·2025-04-28 03:19

Vue程序下载

Vue是一个基于JavaScript（JS）实现的框架，想要使用它，就得先拿到Vue的js文件Vue官网Vue2：Vue.jsVue3：Vue.js-渐进式JavaScript框架|Vue.js下载并安装

lh_1254·2025-04-28 03:49

关于若依500验证码问题的求助

以下是一些可能的原因及解决方案：一、配置文件问题.env.production文件：确保.env.production文件中的VUE_APP_BASE_API已经修改成服务器上的域名地址，而不是默认的/

thesky123456·2025-04-28 01:35

Vue2和ElementUI编写的无限级菜单路由

Vue2和ElementUI编写的无限级菜单路由文章转载自：www.javaman.cn{{item.name}}{{child.name}}{{item.name}}exportdefault{data

kettle教程学习·2025-04-27 23:23

elementui树状菜单tree_vue+element-ui实现无限级动态菜单树

搭建项目并安装element-uinpmi-gvue-clivueinitwebpackmyproject-namecdmyproject-name/npminstallnpmielement-ui-S

weixin_39979948·2025-04-27 23:52

VUE3—无限级菜单渲染

所以这个时候可以使用组件的方式，通过组件内递归达到代码的简洁，也方便调用和修改解决办法：在项目components文件夹中创建文件夹menu，在menu文件夹下创建menuTree.vue文件。

远方的猫·2025-04-27 22:50

推荐频道

#vue