Vue杂谈第53页

vue2项目（使用webpack打包的）使用tslog

1.安装tslognpminstalltslog--save2.创建一个logger.js文件来处理日志记录，内容如下：//import{Logger}from'tslog';//constlogger=newLogger();//exportdefaultlogger;import{Logger}from'tslog';classDrpLogger{constructor(name){this.

bling flower·2025-05-03 05:28

快速上手 Uniapp：从入门到精通的捷径

Uniapp：从入门到精通的捷径前言一、引言1.1什么是Uniapp1.2为什么选择Uniapp二、环境搭建2.1安装Node.js2.2安装HBuilderX2.3初始化项目三、Uniapp基础语法3.1Vue.js

xcLeigh·2025-05-03 02:42

vue3 template转为render函数过程详解

在Vue中，template模板是我们编写组件的主要方式之一，而Vue内部会将这些模板转换为render函数。

TEN01Y·2025-05-03 02:40

Vue3官方文档翻译之Template Syntax

引言原文:http://blog.duhbb.com/2022/02/11/translation-of-template-syntax-in-vue-3-offiicial-doc/欢迎访问我的博客:

tuhoooo·2025-05-03 02:07

VUE3

VUE3一、创建一个vue实例1.1传统开发方式打开官网，点击快速上手，在html文件中引入vue.global.js文件在body标签里:首先是容器，在script标签里用Vue.createApp方法

神行阿衡·2025-05-03 02:36

读完这一篇就搞懂了【vue前端】

.sync是什么:在Vue2中，.sync是一个修饰符，用于在父组件和子组件之间实现双向数据绑定。通过使用.sync修饰符，父组件可以自动接收来自子组件的更新，而不需要手动监听事件。

幸运小圣·2025-05-03 00:59

uni-app基础知识

通过#ifdef、#idndef的方式H5：H5MP-WEIXIN:微信小程序2.uni-app的配置文件，入口文件，主组件，页面管理部分page.json配置文件main.js入口文件App.vue主组件

她的双马尾·2025-05-03 00:58

vue3组件之间的通信方式

vue3组件之间的通信方式1、props:父子组件通信——父传子2、$emit:父子组件通信——子传父3、EventBus-mitt：父子、兄弟、隔代组件通信4、v-model：父子组件数据同步5、useAttrs

H_ZMY·2025-05-03 00:57

【vue3 前端】

/ChildComponent.vue';

幸运小圣·2025-05-03 00:26

RuoYi-Vue-Plus（登录流程）

一、前端登录请求登录按钮：src\views\login.vue页面中登录片段，调用了handleLogin方法，如下： @click.native.prevent="handleLogin"登录登录中

syfjava·2025-05-02 23:54

Docker之ruoyi-vue项目部署

文章目录创建自定义网络安装redis安装mysql发布若依项目--后端使用Dockerfile自定义镜像运行容器nginx创建自定义网络#搭建net-ry局域网，用于部署若依项目dockernetworkcreatenet-ry--subnet=172.68.0.0/16--gateway=172.68.0.1查看网络dockernetworkls注意1：关闭宿主机的防火墙，否者容器内部的MySQ

释：·2025-05-02 23:51

利用Docker一键部署若依前后端分离项目详细教程

若依前后端分离版本开源地址：https://gitee.com/y_project/RuoYi-Vue目录一、安装Docker二、安装docker-compose三、修改后端配置文件并打jar包（1）修改数据库连接信息

Roc-xb·2025-05-02 23:50

十八、Vue 与 Electron：如何用 Vue 开发跨平台桌面应用

Node.js与npmcurl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh|bashnvminstall--lts#安装VueCLI

码说数字化·2025-05-02 23:20

脚手架创建vue3项目的方式

第一种方式npminitvite@latest第二种方式npminitvue@latest第三种方式使用vue-cli创建安装或者升级npminstall-g@vue/cli保证vuecli版本在4.5.0

loly_zhang·2025-05-02 22:17

如何利用Vue的过渡动画实现一个模态框的展开和关闭动画，并且处理好动画的层级和遮罩效果？

大白话如何利用Vue的过渡动画实现一个模态框的展开和关闭动画，并且处理好动画的层级和遮罩效果？

前端大白话·2025-05-02 20:59

【PostgreSQL异常解决】PostgreSQL 异常错误: PG::Error 服务意外关闭连接

博主介绍：✌全网粉丝21W+，CSDN博客专家、Java领域优质创作者，掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域✌技术范围：SpringBoot、SpringCloud、Vue

No8g攻城狮·2025-05-02 19:51

基于springboot+vue图书管理系统的设计与实现

摘要传统信息的管理大部分依赖于管理人员的手工登记与管理，然而，随着近些年信息技术的迅猛发展，让许多比较老套的信息管理模式进行了更新迭代，图书信息因为其管理内容繁杂，管理数量繁多导致手工进行处理不能满足广大用户的需求，因此就应运而生出相应的图书管理系统。本图书管理系统分为管理员还有用户两个权限，管理员可以管理用户的基本信息内容，可以管理公告信息以及图书信息，能够与用户进行相互交流等操作，用户可以查看

Java程序员coder0214·2025-05-02 19:21

Vite构建Vue3 + element-plus组件库 + iconPark图标库

(1)npmcreatevue@latest(2)npmielement-plus--save全局直接使用：import{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus

吴永琦（桂林电子科技大学）·2025-05-02 19:48

清除 vue input 自动填充

readonlyοnfοcus="this.removeAttribute('readonly');"加上这串立马见效

Ftally·2025-05-02 18:14

vue组件中插入图片

最近在Vue学习交流群里面发现很多小伙伴在想要在vue中显示图片，但是把图片写在data里面作为变量传到模板中的时候却发现图片出不了，以为是图片路径的问题，查了半天还是出不来。

风兮w·2025-05-02 18:13

vue项目中解决谷歌浏览器默认填充账号密码问题

vue项目中解决谷歌浏览器默认填充账号密码问题前言解决1.普通input设置autocomplete="new-password"2.密码框设置autocomplete="on"前言在使用elementUI

慕芃·2025-05-02 18:13

【VS Code插件开发】入门篇（一）

优质专栏：vue3+vite+typeScript从入门到实践资料领取：前端进阶资料可以找我免费领取摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼(文末有我wx或者私信)目录

不叫猫先生·2025-05-02 17:37

组件通信-props

props是使用频率最高的一种通信方式，父>子子>父父传子：属性值是非函数子传父：属性值是函数父组件import{ref}from'vue'importChildfrom'.

娃哈哈哈哈呀·2025-05-02 15:28

快速看懂iVX:技术架构、功能特性与行业优势

其技术架构以抽象语法树（AST）中间语言为核心，前端基于React/Vue生成可独立部署的工程级代码，中台通过Node.js实现逻辑解析，后端依托Golang构建高性能微服务架构，形成覆盖界面设计、业务编排

Lowcode002·2025-05-02 14:20

Java计算机毕设源码 - 基于SSM的一站式家装服务管理系统(vue) -实战项目

✌️主要项目：论文指导、小程序、SpringBoot、SSM、Vue、Java、Jsp等设计与开发。文末获取源

逃逸的卡路里·2025-05-02 09:49

active-class 是哪个组件的属性？

active-class属于vue-router的样式方法，当router-link标签被点击时将会应用这个样式一、首先，active-class是什么，active-class是vue-router模块的

nanzhuhe·2025-05-02 08:38

Bug 解决 | 组件库报错、或样式丢失不生效

3、使用AntDesignVue组件库，启动后显示antd.css不存在？

小洪爱分享·2025-05-02 05:53

Vue3 关于scss预编译中:deep 其中的deep如何理解

在SCSS预处理器中，:deep是一个伪类选择器，用于选择一个元素的所有后代元素，无论它们在DOM结构中的层级深度如何。换句话说，:deep选择器是一个类似于CSS中的后代选择器，但是它可以不考虑嵌套层级的限制，而是选择所有符合条件的后代元素。例如，使用以下

地表最强菜鸡·2025-05-02 05:22

vue-preview实现缩略图踩坑记录：Property or method “$preview“ is not defined 用不了、无法修改图片样式

文章目录基本配置Propertyormethod"$preview"isnotdefined报错无法修改缩略图样式深度选择器基本配置1、下载npmivue-preview-S2、在index.js中引入并安装

H_xiang_xiang·2025-05-02 05:51

【Vue bug】:deep()失效

vue组件中使用了element-plus组件取消确定//组件内自定义的elementplus的样式，:deep(.el-dialog){border-radius:10px!

致微·2025-05-02 05:51

【electron-vite+live2d+vue3+element-plus】实现桌面模型宠物+桌面管理系统应用（踩坑）

脚手架项目使用electron-vite脚手架搭建ps:还有一个框架是electron-vite，这个框架我发现与pixi库有冲突，无法使用，如果不用pixi也可以用这个脚手架。node版本建议18+----------------------------------------------------------------------------------------运行live2D相关依赖

Twelve~·2025-05-02 05:49

Vue点击按钮后，控制滚动条到相应位置

需求如标题描述实现效果思路给按钮添加点击时间获取到想要滚动到的元素获取此元素的offsetTop然后window.scrollTo即可代码////script->methodanimationDown(){letfjfwBox=document.querySelector(".fjfw-box");window.scrollTo({top:fjfwBox.offsetTop,behavior:"s

Lovely Ruby·2025-05-02 04:39

Github 2025-04-27 php开源项目日报 Top10

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量PHP项目10Vue项目1SymfonyPHP框架和组件创建周期：5130天开发语言：PHP协议类型：MITLicenseStar数量：28999

老孙正经胡说·2025-05-02 02:31

使用vue开发electron

1.全局安装electronnpmielectron-g查看是否安装成功electron-v在vue项目中添加electron模块vueaddelectron-builder添加成功后，目录中多了background.js

RAY_CHEN.·2025-05-02 02:58

uniapp 小程序/app 版本更新以及注意事项

//检测是否需要更新在app.vue的onLaunch中调用asynccheckUpdate(){//#ifdefMP-WEIXINconstupdateManager=uni.getUpdateManager

车轮滚滚__·2025-05-02 01:25

vue3数据持久化方案：pinia-plugin-persistedstate源码浅析

Jinuss·2025-05-02 01:25

uni-app开发微信小程序

uni-app是一个使用Vue.js开发所有前端应用的框架，它允许开发者编写一次代码，然后发布到iOS、Android、Web（包括各种小程序平台如微信小程序、支付宝小程序、百度智能小程序等）以及各种快应用平台上

君君学姐·2025-05-01 22:03

Vue2 vs Vue2.7 深度对比

Vue2vsVue2.7深度对比前言作为Vue生态中承前启后的重要版本，Vue2.7在保留Vue2核心特性的同时，引入了Vue3的诸多创新设计。

二川bro·2025-05-01 21:59

跨版本Vue组件封装实战：一招解决Vue2/Vue3双版本兼容

跨版本Vue组件封装实战：一招解决Vue2/Vue3双版本兼容前言在企业级组件库开发中，同时支持Vue2和Vue3是提升技术资产复用率的关键需求。

二川bro·2025-05-01 21:59

Vue el-data-picker选中开始时间，结束时间自动加半小时

代码日期时间选择器-import{ref,watch}from'vue';//定义开始时间和结束时间conststartTime=ref('');c

前端熊猫·2025-05-01 21:59

iview 级联选择组件_基于iView-Cascader的多选级联选择器

一次Vue项目中需求本来是单选的级联选择器,本来很简单因为iView组件里有,结果产品更改需求到要求实现Vue多选级联选择器,先在网上找了一下想偷个懒结果发现没有,所以这算奇葩需求吗hahcascader-multi

weixin_39683526·2025-05-01 20:51

vue中使用web serial api实现串口通信

学了就忘·2025-05-01 20:17

【Python3教程】Python3基础篇之数据结构

博主介绍：✌全网粉丝22W+，CSDN博客专家、Java领域优质创作者，掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域✌技术范围：SpringBoot、SpringCloud、Vue

No8g攻城狮·2025-05-01 19:11

vue项目中按钮防抖处理

防抖的概念和意义1.概念连续点击按钮时，按钮的点击事件只会触发触发一次，结束连续点击后，再次点击按钮时才会触发按钮的点击事件2.意义按钮防抖是针对按钮操作时，用户连续点击按钮时也会每次触发按钮的绑定的点击事件，这会造成多次无效的触发实现过程1.通过定义指令方式通过定义指令方式实现防抖限制，可为需要防抖的按钮添加防抖的指令即可实现按钮的防抖操作限制，使用方式简洁2.实现代码//点击防抖constth

涛哥码咖·2025-05-01 17:06

vue 循环tabs 标签页组件_vue+tabs动态组件方案漫谈

如果使用vue这种自身就偏单页应用的框架，如何实现tabs动态加载所需页面呢？以下是我在实现过程中遇到的问题，供参考。1.核心方法是什么?

UnstructuredIO·2025-05-01 17:04

关于vue+iview中tabs嵌套及实际应用

最近在用vue+iview框架做项目，在实际做项目中根据需求用到iview中的tabs标签页嵌套以及标签页增加删除功能。想着记录下来，以后可能会再用到。下面是页面。

caihuayuan5·2025-05-01 17:31

agenIT·2025-05-01 17:00

Vue3，Pinia与TypeScript面试题总结

在Pinia中如何定义带有类型推断的store？使用defineStore的选项式语法，Pinia会自动推断类型，但可以显式定义类型以增强类型安全。import{defineStore}from'pinia';//1.定义State的接口（可选，但推荐）interfaceUserStoreState{users:User[];currentPage:number;isLoading:boolean

agenIT·2025-05-01 17:30

三、实战开发 uni-app x 项目（仿京东）- 技术选型

Vue3:渐进式JavaScript框架，易于上手，功能强大，生态丰富。TypeScript:JavaScript的超集，提供类型系统，提高代码可维护性和可读性。UI组件库:

九班长·2025-05-01 15:20

tauri+vite3创建登录窗口|tauri自定义拖拽区域

tauri+vue3构建多窗口程序应用tauri创建登录窗体TAURI-VUE3-CAHT登录忘记密码注册账号import{ref,reactive,inject}from'vue'import{useStore

xiaoyan_2018·2025-05-01 13:37

推荐频道

Vue杂谈