Vue杂记

豆包MarsCode 蛇年编程大作战-2025蛇年花样贪吃蛇

完整代码及在线体验在线体验-豆包MarsCode花样贪吃蛇游戏素材来自于4399游戏"贪吃蛇竞技场"代码采用Vue实现，豆包MarsCode辅助开发

BLACK594·2025-01-29 11:22

25.1.13 前端 Vue组件十、插槽slot

/components/SlotsBase.vue";exportdefault{components:{SlotsBase}}——

best_virtuoso·2025-01-29 10:48

【愚公系列】《循序渐进Vue.js 3.x前端开发实践》027-组件的高级配置和嵌套

标题详情作者简介愚公搬代码头衔华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。近期荣誉2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主，2024年华为云十佳博主等

愚公搬代码·2025-01-29 10:16

【杂记-浅谈TCP/IP协议模型】

TCP/IP协议模型一、TCP/IP协议概述2、端口号使用规则二、TCP/IP各层级一、TCP/IP协议概述TCP/IP，TransmissionControlProtocol/InternetProtocol。TCP/IP协议是指一个有FTP、SMTP、TCP、UDP、IP等协议构成的协议簇，是互联网通信的基础，它定义了数据在网络中传输的整个流程，这个模型将网络通信的任务分解为若干层次，每一层都

叫我小虎就行了·2025-01-29 10:44

uniapp - [全端兼容] 实现精美Editor富文本编辑器功能，uniApp全平台兼容的富文本插件组件用户可上传图片及对接服务器存储文件等，手机移动端H5网页富文本/小程序富文本/App富文本！

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解引入使用富文本编辑器及图片上传显示等功能，用户可上传图片显示和服务器保存回显效果（插入图片），

王二红·2025-01-29 08:04

小程序webview打开小程序原生页面_详解如何探测小程序返回到webview页面

在公司项目中经常会遇到一个场景,尝试过各种不同的方法,最后想到了一种很技术上简单且可行的方法.经常被QA同学反应同一类型的问题项目是小程序(wepy),部分页面使用webview(vue).经常会遇见一个场景

weixin_39905624·2025-01-29 08:32

uni-app组件引入方法（easycom自动化组件）

官方给出：传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。只要组件安装在项目的components目录下，并符合compon

约妲己吃火锅·2025-01-29 08:31

前端请求gzip，响应里却没有压缩返回

前端请求gzip，响应里却没有压缩返回前后端分离的框架，前端vue后端的springboot都开启了gzip。前端请求Accept-Encoding:gzip,deflate后端却没有响应。

a212121212121·2025-01-29 08:56

【Uniapp-Vue3】request各种不同类型的参数详解

一、参数携带我们调用该接口的时候需要传入type参数。第一种路径名称?参数名1=参数值1&参数名2=参数值2第二种uni.request({url:"请求路径",data:{参数名:参数值}})二、请求方式常用的有get，post和put三种，默认是get请求。uni.request({url:"请求路径",method:"方式"})三、请求头配置uni.request({url:"请求路径",h

永久旅途·2025-01-29 08:26

uniapp(vue) 使用i18n国际化翻译,复制即可使用！一看就懂

一、在项目的文件目录里cmd执行下载命令安装依赖执行:npminstallvue-i18n@next二、执行命令下载完成后，进入项目检查一下是否存在。

黑云压城After·2025-01-29 08:25

使用Vue3来实现一个倒计时器以及倒计时任务

本内容使用Vue3，以及element-plus辅助开发。

记得开心一点嘛·2025-01-29 08:24

uniapp --- 配置文件

TabBar配置（tabBar）：二.manifest.json文件：1.应用基本信息：2.App-Plus特有配置：3.QuickApp特有配置：4.小程序特有配置：5.UniStatistics配置：6.vueVersion

记得开心一点嘛·2025-01-29 07:53

html2canvas导出pdf模糊,vue实现pdf导出，解决生成canvas模糊等问题

1、我们要添加两个模块第一个.将页面html转换成图片npminstall--savehtml2canvas第二个.将图片生成pdfnpminstalljspdf--save2、定义全局函数..创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('src/utils/htmlToPdf')//导出页面为PDF格式importhtml2Canvasfrom'html2canvas'imp

轮王寺宫·2025-01-29 06:43

探索前端的未来：深度使用 SolidJS 构建高性能用户界面

SolidJS是近年来前端开发领域的一颗新星，它结合了React的思维模式和Vue的性能优势，提供了一种高效且轻量的框架解决方案。

桂月二二·2025-01-29 06:43

探索Bunshi：轻量级状态管理的新选择

探索Bunshi：轻量级状态管理的新选择bunshiMoleculepatternforjotai,valtio,zustand,nanostores,xstate,reactandvue项目地址:https

虞旋律·2025-01-29 06:41

Vue组件开发-使用 html2canvas 和 jspdf 库实现PDF文件导出设置页面大小及方向

在Vue项目中实现导出PDF文件、调整文件页面大小和页面方向的功能，使用html2canvas将HTML内容转换为图片，再使用jspdf把图片添加到PDF文件中。

LCG元·2025-01-29 06:08

Vue.js 如何塑造现代网络体验

Vue.js已迅速成为JavaScript框架中的热门之选，以其简洁的设计、灵活性和强大功能而闻名。全球的开发者被Vue.js所吸引，是因为它能极为轻松地构建动态且引人入胜的用户界面。

清风孤客·2025-01-29 05:35

vue源码理解——什么是依赖

vue将数据变的可观测了以后，我们就知道了数据什么时候进行了改变，当数据改变的时候就去更新视图，但是去更新哪个视图呢，如果改变了一个数据，就去更新整个视图，明显这样是不合理的。

露露在前端·2025-01-29 05:29

vue组件添加全局方法_vue组件挂载到全局方法

在最近的项目中，使用了bootstrap-vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入，并不像element

缪之初·2025-01-29 04:25

vue组件挂载到全局方法

vue组件挂载到全局方法在最近的项目中，使用了bootstrap-vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入

w1366352655·2025-01-29 04:23

深入解析Vue3响应式系统：从Proxy实现到依赖收集的核心原理

深入解析Vue3响应式系统：从Proxy实现到依赖收集的核心原理响应式系统的基本原理作为一个热门的JavaScript框架，Vue在3.x版本中引入了基于Proxy的响应式系统。

荆州克莱·2025-01-29 04:49

Vue前端项目构建

目录1、安装Vue脚手架1.1安装node.js1.2安装npm1.3安装Vue脚手架2、通过Vue脚手架创建项目2.1基于3.x版本的脚手架创建vue项目，这里使用图形界面方式创建。

踏浪·2025-01-29 03:41

如何设计一个合理的vue前端项目架构

在前端开发中，我学习的是vue的开发路线。在最初的学习中，除了学习理论知识，还有就是看一些开源项目学习如何将vue应用到实际开发中。合理的项目架构设计是项目成功的基础之一。

叫我阿柒啊·2025-01-29 02:34

vue3：mitt

在Vue3中使用mitt进行事件总线的实现非常简单。mitt是一个轻量级的事件库，适用于Vue项目中的组件间通信。实现自定义组件直接相互传值，父到子，子到子，子对子，子对孙，想怎么传就怎么传。

米粒宝的爸爸·2025-01-28 21:57

2025年01月25日Github流行趋势

项目名称：it-tools项目地址url：https://github.com/CorentinTh/it-tools项目语言：Vue历史star数：25298今日star数：212项目维护者：CorentinTh

油泼辣子多加·2025-01-28 20:12

Vue 82 ，process.env 管理 Vue 项目的环境变量Vue项目中环境变量的配置及调用

目录前言在构建Vue应用时，管理配置是开发中的一个重要部分。不同的环境，如开发、测试和生产，往往需要不同的配置，例如API、基础URL、第三方服务的密钥等。

北城笑笑·2025-01-28 19:11

vue3+vite实现环境变量配置~

2、创建不同环境的.env文件在vue3根目录下创建三个文件分别为.env.develoment、.env.test、.env.production2.1在不同的.env文件中配置相应的环境变量.env.develomentNODE_ENV

行咘行啊细狗·2025-01-28 19:08

el-input限制只能输入数字

el-input限制只能输入数字问题：vue项目使用el-input限制只能输入数字1.当我们通过设置type="number"时，在中文输入法输入的时候；当失去焦点时会录入英文字符。

Orange301511·2025-01-28 19:06

在 Vue 3 中，怎么管理环境变量

在Vue3中，环境变量管理是通过.env文件来进行的，利用这些文件可以让开发者根据不同的环境（开发、生产、测试等）配置不同的变量。

＆白帝＆·2025-01-28 19:05

React第二十五章(受控组件/非受控组件)

因为React没有类似于Vue的v-model，所以需要自己实现绑定事件。那为什么需要使用受控组件呢？

小满zs·2025-01-28 19:04

Element UI +Vue页面生成二维码的方法

目录一、方法一采用qrcodejs2生成1.1、安装二维码插件qrcodejs21.2、在vue文件中，引入生成二维码插件1.3、构建二维码对象qrCodeDiv一、方法二-采用qrcode生成2.1、

紫水木鱼·2025-01-28 17:53

VScode保持vue语法高亮的方式

VScode保持vue语法高亮的方式：1.安装插件：vetur。打开VScode，Ctrl+P然后输入extinstallvetur然后回车点安装即可。

「已注销」·2025-01-28 16:15

快速开始，使用 VSCode 开发 Vue 项目如何配置语法高亮和自动格式化

关于IDE开发Vue项目，一般使用VSCode/WebStorm/Atom等IDE，推荐使用VSCode。而VSCode原生不支持Vue语法高亮和自动格式化等功能，需要通过插件来支持。

dadiyang·2025-01-28 16:43

Vue.js从入门到就业[第20讲]：响应式设计与调优，一文吃透它！

本文收录于「Vue.js从入门到就业」专栏，手把手带你零基础教学Vue，从入门到就业，助你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！

bug菌¹·2025-01-28 16:39

使用Intro.js为Vue.js应用创建交互式引导

在Vue.js应用中，为了引导用户浏览页面并了解功能，集成Intro.js是一种常见的方法。本文将介绍如何在Vue.js应用中使用Intro.js来创建引导教程，并提供代码示例和解释。

糖糖老师436·2025-01-28 14:54

Vue项目中使用高德地图

本文主要讲述在Vue项目中高德地图JavaScriptAPI的引用方式以及一些简单的API的使用。演示项目使用vuecli4.0脚手架搭建项目。1.引用在高德地图发布2.0版本之前，通常只能以两种通

糖糖老师436·2025-01-28 14:24

2025年创业公司技术栈选择：React与Vue对比

前端开发、React、Vue、TypeScript有个残酷的事实：在2025年为你的技术栈挑选合适的框架，不是看哪个更酷炫或更热门，而是看哪个最契合你的特定需求。

硅基创想家·2025-01-28 11:36

一篇带你搞懂为什么Vue3比Vue2效率更高！

众所周知，vue3比vue2效率有很大的提升，渲染效率提升了1.3~2倍，SSR效率提升了2~3倍。那么vue3是如何提升效率的呢？

一朵好运莲·2025-01-28 08:49

Git 将本地vue项目修改的内容提交到gitlab/github

注意：github需要点魔法，否则无法提交成功基于gitlab已经存在该项目为前提。1、将自己分支上的代码提交到本地（1）点击更改的“+”，会将更改进行暂存，可以在暂存的更改中查看到修改的文件（2）输入本次修改的内容的简短含义，点击“√”2、切换到develop分支，并在develop分支上合并自己最新代码的分支（1）切换到develop分支-点击底部栏的同步更改（2）基于develop分支的情况

糯米团仔·2025-01-28 08:47

Vue-Router进阶相关，声明式导航，路由基本配置，编程式导航

1.声明式导航导航高亮在鼠标点导航时，会自动为导航所在标签添加两个类分别为router-link-exact-active和router-link-activerouter-link-exact-active精确匹配只有to='/Like'生效（用得少）router-link-active模糊匹配to='/Like'to='/Like/me'to='/Like/user'to='/Like/lov

从今开始努力学前端·2025-01-28 07:11

VUE之参数传递

index.ts//创建一个路由器，并暴露出去//第一步：引入createRouterimport{createRouter,createWebHistory,createWebHashHistory}from'vue-router

三日沐水·2025-01-28 07:41

VUE之生命周期

目录1、VUE2的生命周期1.1、创建（创建前，创建完毕）1.2、挂载（挂载前，挂载完毕）1.3、更新（更新前，更新完毕）1.4、销毁（销毁前，销毁完毕）2、VUE3的生命周期2.1、创建（setup）

三日沐水·2025-01-28 07:10

Vue学习第31天——编程式路由导航5种方法详解及案例练习（与声明式路由导航对比）

2、理解不借助实现路由跳转3、用法在vue组件中，可以通过$router访问路由实例，因此

离奇6厘米·2025-01-28 06:07

vue3底层原理和性能优化

Vue3在底层原理和性能优化方面做了许多改进，以下是一些主要的优化点和原理：虚拟DOM的改进静态树提升：Vue3能够检测到静态组件（即不依赖响应式数据的组件）并将其提升到渲染函数之外，从而减少不必要的重渲染

·2025-01-28 06:24

编程式路由导航的三种方法

//创建一个路由器，并暴露出去//第一步：引入createRouterimport{createRouter,createWebHistory,createWebHashHistory}from'vue-router

小野晨曦·2025-01-28 06:36

编程式导航

在vue中，页面有两种导航方式，分别是声明式导航和编程式导航。

云水舟·2025-01-28 06:06

VUE之路由Props、replace、编程式路由导航、重定向

目录1、路由_props的配置2、路由_replaces属性3、编程式路由导航4、路由重定向1、路由_props的配置1）第一种写法，将路由收到的所有params参数作为props传给路由组件只能适用于params参数//创建一个路由器，并暴露出去//第一步：引入createRouterimport{createRouter,createWebHistory,createWebHashHistor

三日沐水·2025-01-28 06:05

Vue进阶之Vue无代码可视化项目（六）

Vue无代码可视化项目渲染引擎（渲染器）初版TextBlock.vueChartBlock.vueImageBlock.vueLayoutView.vue渲染器BlockRenderer.vueLayoutView.vue

VillanelleS·2025-01-28 05:31

vue3+elementplus实现下拉全选+多选功能

下拉多选，展示全部选择全选点此会渗透到点击select <

前端小云儿·2025-01-28 05:00

el-menu无限递归组件完美版本

el-menu无限递归组件完美版本备注：修复菜单和子菜单高亮问题，及刷新后被点击子菜单依旧打开的bug效果代码index.vue（递归组件）importMenuSunfrom'..

Mr.Meng_95·2025-01-28 04:21

推荐频道