vue3按需加载

在electron中实现一个桌面悬浮球

概要在electron+vue3搭建的应用中实现了一个桌面悬浮球/mini窗口的功能，支持任意拖拽、丝滑的菜单折叠展开动画效果。

·2025-01-18 18:40

Mac pnpm安装

sudonpminstall-gnpm(安装pnpm:)sudonpminstall-gpnpm检验安装是否成功：pnpm--version项目内安装依赖：pnpminstall/运行项目：pnpmdev最近在开发vue3

是二牙·2025-01-18 12:39

前端框架: Vue3组件设计模式

前端框架:Vue3组件设计模式在前端开发中，Vue框架一直受到开发者的喜爱。

苹果酱0567·2025-01-18 08:37

Vue 3 中的 `setup()` 函数有什么作用？它在组件生命周期中的位置是什么？

在Vue3中，setup()函数是CompositionAPI的入口点，它在组件实例创建之前被调用，并且是响应式系统的上下文。

chenNorth。·2025-01-18 04:41

Vue3+Echarts 绘制省会地图

Vue3+Echarts绘制省会地图需求：绘制XX省会地图（背景颜色，边框颜色都可自定义，有相应代码注释）鼠标点击XX市区，区域变红色，再次点击，恢复默认蓝色鼠标移入XX市区，区域变橘色，鼠标移开，恢复默认蓝色效果图如下

OPQ迷路的羔羊·2025-01-18 04:37

vue3 + echarts5.4.3 实现3D省份地图【动态icon】

vue3+echarts5.4.3实现3D省份地图【动态icon】vue3项目+echarts5.4.3实现效果：1.下载echarts插件2.按需引入echarts插件3.复制省份json文件1.

和生活比个Y·2025-01-18 03:35

Pinia的使用（VUE3+VITE）

官方地址https://pinia.vuejs.org/zh/安装npminstallpinia挂载插件import{createApp}from'vue'import{createPinia}from'pinia'importAppfrom'./App.vue'createApp(App).use(createPinia()).mount('#app')定义Store(选项式或组合

itwlz·2025-01-18 03:03

Vue3使用wow.js动画库

1.下载依赖npminstallwow.js--save2.导入importWOWfrom"wow.js";onMounted(()=>{wowjsFn();});constwowjsFn=()=>{letwow=newWOW({boxClass:"wow",//animatedelementcssclass(defaultiswow)animateClass:"animated",//anima

itwlz·2025-01-18 03:02

2025 第一弹：3 分钟带你使用 Cursor 生成新年祝福

这一次我们使用Cursor来生成一个新年祝福的动画，并使用Vue3和Vite4来实现。要求是不能编写任何代码，只使用Cursor来生成代码。下载cursor下载地址安装cursor双击安装即可。

·2025-01-18 01:31

Vue3 Element-Plus Tree组件基本使用

文章目录前言一、前置工作-引入二、步骤1.呈现2.增加点击回调总结前言写博客的时候第一次用这个组件,ElementPlus的TypeScript范例让我吃了点苦头,数据绑定那块搞了好一会才弄明白.不过好在最后还是做出来了,记录一下基本用法.一、前置工作-引入main.js:import{ElTree}from'Element-Plus';import'../node_modules/element

白瑕·2025-01-17 21:42

【Vue】使用 Pinia 进行状态管理

下面将展示如何在Vue3项目中使用Pinia进行状态管理。这个示例包括多个store，使用getters和actions，以及在组件中使用这些store。

Vesper63·2025-01-17 21:42

Vue3.0 + Element Plus｜侧边导航栏、标题栏组件应用全局

刚开始接触项目，从0开始搭建管理平台，最开始先写的页面布局，采用的很笨的方法：每写一个页面就写一次页面布局样式后来随着页面逐渐变多，代码冗余量也逐渐增多。于是采取了以下方法将整体的页面布局注册为了全局布局组件：App.main文件HTML：

StellaXiao98·2025-01-17 20:31

HBuilder X打包运行鸿蒙应用(vue2 -＞ vue3)

HBuilderX打包运行鸿蒙应用vue2->vue31.manifest.json配置为vueVersion：32.main.js调整（下方已补充）3.store调整4.增加入口文件index.html5

木子李–刚步入开发的小学生·2025-01-17 18:52

Monorepo设置：新手指南

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Monorepo是一种项目代码管理方法，指在单个代码仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署的复杂性，并提供更好的可重用性和协作性

·2025-01-17 14:36

深入探究 Vue 3 中动态组件加载与性能优化

在Vue3中，官方提供了动态组件加载与性能优化的支持，通过动态导入(DynamicImport)和Suspense组件的结合，我们可以更好地管理资源、减少初始加载时间，同时提升用户体验。

桂月二二·2025-01-17 12:27

vue中的那些事（刷新+key+v-if,v-for）

文章目录vue中添加属性，页面不刷新解决方法解决思路：解决方法：注意事项：vue3中解决方案解决思路：解决方法：注意事项：vue中key一、基本概念二、`key`的作用三、`key`的原理四、`key`

放逐者-保持本心，方可放逐·2025-01-17 11:49

告别CSS margin 和 padding 简写,拥抱更优雅的解决方案

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在前端开发中,CSS的外边距(margin)和内边距(padding)是使用频率极高的属性。

·2025-01-17 09:49

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(02)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读NextAuthv4介绍NextAuth是一个开源的身份验证解决方案，适用于全栈（Next）应用程序。

·2025-01-17 09:19

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(01)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最近开始研究Strapi，这是一个无头CMS。由于它仅提供后端，前端部分包括身份验证流程需要你自己构建。

·2025-01-17 09:19

只有 2% 的开发人员知道的 7 种神奇 JavaScript 数组方法

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读很多人使用JavaScript数组时，最多就是for循环、map()或者filter()等常见方法，但其实数组还有不少“隐藏招数”。

·2025-01-17 09:16

Vue3 中如何根据路由动态生成侧边菜单

在Vue3的项目开发，尤其是后台管理系统这类复杂应用场景中，侧边菜单扮演着举足轻重的角色，它是用户快速导航至各个功能模块的得力助手。

Jiaberrr·2025-01-17 07:07

基于 Vue 的拖拽缩放卡片组件：实现思路、方法及使用指南

项目源码地址：https://gitcode.com/Jiaberrr/vue3-pc-template实现思路定位与布局：通过position:absolute对卡片进行定位，利用left、top、ri

Jiaberrr·2025-01-17 07:07

如何只使用 CSS 实现网站的暗黑模式切换

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读想让你的网站从“明亮清新”切换到“暗黑酷炫”，而不依赖任何JavaScript？没问题！

·2025-01-17 05:01

vue中在一个页面复用同一个echarts写的组件不能显示的问题，使用ref解决问题及原理分析

②再创建一个Vue3的响应式引用perChart，其初始值为

比较好记·2025-01-17 04:19

vue3中的provide和inject实用案例之基于el-dialog的命令式弹框，直接一行js代码打开

需求场景某些情况下，我们要使用一个弹框组件的时候一般都是这样使用：Thisisadialogimport{ElDialog}from'element-plus'import{ref}from"vue";constdialogVisible=ref(false)constopen=()=>{dialogVisible.value=true}也就是说，每次想要有一个弹框打开功能都需要引入ElDialo

·2025-01-17 00:44

5分钟内理解 .prototype 链 | 2024

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。

·2025-01-16 22:36

vue3中用MutationObserver加hook方式实现视频不可拖拽功能&效能工具（六）一键提交git代码bat脚本

github完整代码：https://github.com/shuirongshuifu/vue3-echarts5-example需求描述项目中有视频播放功能采取的是开源组件，西瓜视频的开源组件点击去官网

·2025-01-16 22:36

Vue3中使用hook实现按住Shift快速勾选el-table功能

键快速勾选功能大概就是仿windows系统的文件shift按住选中功能反正就是尽可能多的让用户勾选方便用户快速勾选操作github完整代码：https://github.com/shuirongshuifu/vue3

·2025-01-16 22:04

vue3 uiapp实现一个数字输入组件，输入非数字会默认转成最小数

实现一个数字输入组件用户输入字符串、汉字、字母等非数字，会默认转成最小数使用vue3最新语法defineModel-=max}"@click="handlePlus">+import{ref,toRefs

初遇你时动了情·2025-01-16 22:23

只有 1% 的开发人员能在 60 秒内找到代码中的错误

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读下面这段简单的JavaScript代码里藏着一个不起眼但足以让人抓狂的错误：functiongetResult(a,b){return{

·2025-01-16 18:30

npm安装vue.js的2.x和3.x版本的vuex/vue-router/vue-cli安装命令

1.vue2和vue3安装几个组件的指令有@的区别vue2安装组件指令没有@,但是vue3有,我不知道为啥。

·2025-01-16 16:24

Vue3中通过加密串进行后端验证并实现登录跳转教程

在Vue3中进行登录并通过加密串进行后端验证，一般步骤是：用户输入用户名和密码，前端将其加密后发送给后端进行验证，后端验证通过后，返回身份验证信息（如令牌），前端接收验证结果并实现登录跳转。

·2025-01-16 15:41

【第一篇Laravel11安装】Laravel11 + Vue3.0前后端分离框架通用后台源码

①新建目录，取名laravel11-vue3-admin②打开mac终端，window是命令行，并进入刚刚新建目录下③composercreate-projectlaravel/laravelbackend④

·2025-01-16 14:13

vue3中el-table中点击图片放大时，被表格覆盖

问题：vue3中el-table中点击图片放大时，被表格覆盖。解决方法：el-image添加preview-teleported

叫我小鹏呀·2024-09-16 06:59

vue render 函数详解 (配参数详解)

vuerender函数详解(配参数详解)在Vue3中，`render`函数被用来代替Vue2中的模板语法。它接收一个h函数（或者是`createElement`函数的别名），并且返回一个虚拟DOM。

你的眼睛會笑·2024-09-16 03:06

VUE3 + xterm + nestjs实现web远程终端或连接开启SSH登录的路由器和交换机。

可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，

焚木灵·2024-09-16 03:01

【vite 自动配置路由】

本文将介绍vite构建的vue3项目如何编写一个自动配置路由的脚本。

CODER-V·2024-09-16 01:20

Vue3 vant组件库自动导入

实现：完整使用vant组件库文档安装：#Vue3项目，安装最新版Vantnpmivant#通过yarn安装yarnaddvant#通过pnpm安装pnpmaddvant【一】按需引入：https://vant-contrib.gitee.io

不叫虎子·2024-09-16 01:48

系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机

这时，动态加载和按需加载就成为了关键工具——让需要的内容在正确的时机上场，节省性

rabbit_it·2024-09-15 17:12

锋哥写一套前后端分离Python权限系统基于Django5+DRF+Vue3.2+Element Plus+Jwt 视频教程，帅呆了~~

大家好，我是java1234_小锋老师，最近写了一套【前后端分离Python权限系统基于Django5+DRF+Vue3.2+ElementPlus+Jwt】视频教程，持续更新中，计划月底更新完，感谢支持

java1234_小锋·2024-09-15 14:59

vue3+ts+supermap icilent3d for cesium功能集合

会把各项功能链接放在这1.vue3配置supermapicilent3dforcesiumvue3中使用supermapicilent3dforcesium_npm引入supermapgis-CSDN博客

用你的胜利博我一笑吧·2024-09-15 08:05

vue3 + vite + js 配置Eslint + prettier

第一步安装ESlintnpmieslint@latest-D或pnpmaddeslint@latest-D/pnpminstalleslint@latest-D或yarnaddeslint@latest-D第二步初始化Eslintnpxeslint--init执行npxeslint--init控制台会出现以下步骤1）你想如何使用ESLint（选择最后一个）Youcanalsorunthiscomm

菜鸡的崛起·2024-09-15 05:18

Vue3项目开发——新闻发布管理系统（六）

文章目录八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染4、退出功能实现①注册点击事件②添加退出功能③数据清理5、代码下载八、首页设计开发登录成功后，系统就进入了首页。接下来，也就进行首页的开发了。1、页面设计系统页面主要分为三部分，左侧为系统的菜单栏，右侧上部为系统的头部，下部为系统的主体区域

bjzhang75·2024-09-15 00:43

vue3 - element-plus表格组件el-table实现鼠标拖曳排序功能，vue3 Table表格拖拽排序，表格每行使用鼠标拖动进行排序功能，表格拖拽排序实现（详细示例代码，一键复制开箱即用

效果图在vue3+elementPlus网站开发中，详细完成el-table表格的鼠标拖拽/拖曳/拖动排序，vue3使用elementplus表格组件进行表格每行的拖动换位置排序功能（支持一键开启和关闭鼠标是否可拖动排序

街尾杂货店&·2024-09-15 00:07

【Vue3源码实现】Ref isRef unRef proxyRefs实现

上文链接Vue3响应式原理实现与track和trigger依赖收集和触发依赖在我们的日常业务中，我们有可能需要将一个基础数据类型的值也转换成响应式的，而reactive只能代理对象，我们需要对基础数据类型的值也进行读写操作的拦截

ZhaiMou·2024-09-14 22:24

vue3 响应性API

toRef可以用来为源响应式对象上的property性创建一个ref。然后可以将ref传递出去，从而保持对其源property的响应式连接。本质类似指针引用。举例：conststate=reactive({foo:1,bar:2})constfooRef=toRef(state,'foo')fooRef.value++console.log(state.foo)//2state.foo++cons

weixin_44747590·2024-09-14 22:53

手撸vue3核心源码——响应式原理(isRef和unRef)

今天来实现一下ref的功能函数，isRef与unRefisRefisRef和isReactive一样，都是用于检测数据类型，isRef是检测是不是一个ref对象,跟isReactive函数实现起来一样,我们先来写一个单元测试这里要实现的功能是，检测ref对象肯定就通过返回true，检测普通类型数据以及reactive对象都是falseit("itshouldreturnaboolean",()=>

前端不是渣男·2024-09-14 22:20

vue3 | isRef、unref、toRef、toRefs

isRef检查某个值是否是ref。是返回true，否则返回false。constnum=ref(10)constnum1=20constnum2=reactive({data:30})console.log(isRef(num))//trueconsole.log(isRef(num1))//falseconsole.log(isRef(num2))//falseunref()如果参数是ref，则

杨贵妃会飞飞飞·2024-09-14 22:20

vue学习笔记——关于对Vue3 ref(), toRef(), toRefs(), unref(), isRef(), reactive()方法的理解。

VUE3出现了很多新的API，下面是自己的一些理解进行的总结。欢迎大家一起交流补充。

chen_sir_sh·2024-09-14 21:17

[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解

本章涉及的compositionapi：ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRefrefsapi中的重点为：ref、toRefs、shallowRef、customRef，其次是isRef等。ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个`.value`property，指向该内部值。如果将对

oumae-kumiko·2024-09-14 21:46

推荐频道