vue3树结构

Vite+Electron快速构建一个VUE3桌面应用（一）

一.简介首先，介绍下vite和Electron。Vite是一种新型前端构建工具，能够显著提升前端开发体验。Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows上运行的跨平台应用macOS和Linux——不需要本地开发经验。当开始想用vu
@八度余温·2024-01-27 03:32

Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载

一.简介在上一篇文章Vite+Electron快速构建一个VUE3桌面应用中，我们了解了如何使用Vite和Electron来快速构建一个Vue3桌面应用。但是，之前构建的应用仅仅是一个简单的版本。
@八度余温·2024-01-27 03:32

Vite+Electron快速构建一个VUE3桌面应用(三)——打包

一.简介上一篇文章Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载完成了开发时的动态模块热重载功能，现在是时候来看看怎么完成最后一步——打包了。
@八度余温·2024-01-27 03:32

vite3+vue3 项目打包优化三 — CDN加速、文件压缩

在Vite+Vue3项目开发过程中，像element-plus、lodash-es等工具库，会有很大的文件依赖。我们可以尝试通过
MagnumHou·2024-01-27 01:33

vue3中emit(‘update:modelValue‘)使用

父{{test1}}测试1{{test2}}测试2import{ref,reactive}from'vue'consttest1=ref('')consttest2=ref('')子（setup语法糖）import{ref,watch}from'vue';//此处引入constemit=defineEmits(['update:modelValue','update:test2'])constpr
白小白灬·2024-01-27 01:02

vue3+vite 配置反向代理和跨域 设置端口号

server跨域代理在vite.config.ts文件中直接配置exportdefaultdefineConfig({//其他配置...//设置反向代理，跨域server:{//host:'0.0.0.0',//设置地址：http://localhostport:4500,//设置服务启动端口号//open:true,//设置服务启动时是否自动打开浏览器
一室易安·2024-01-27 01:59

vue3+vite中使用环境变量 .env 的一些配置情况说明

在项目文件中新建文件.env.env.pro两个文件其中.env是默认设置.env.pro为正式环境设置1、设置.env中的内容信息注意vue3+vite必须使用VITE开头的配置信息否则无法获取NODE_ENV
一室易安·2024-01-27 01:29

vue3-elementPlus部分组件样式修改

前提：在less语言下使用/deep/；在sass语言下使用::v-deep替换/deep/但::v-deep的写法已经废弃，建议使用:deep(css选择器)elementUI样式修改：vue2-elementUI部分组件样式修改_vue2圆圈选中样式-CSDN博客el-dropdown//下拉框中文字颜色:deep(.el-dropdown-menu__item:not(.is-disable
小沐°·2024-01-27 00:54

VUE3 之 插槽的使用 - 这个系列的教程通俗易懂，适合新手

1.概述非理性定律告诉我们：人们总是习惯于以情感去判断眼前的事物，非理性的去做决定。对于长远的利益，人们更愿意去选择短期的利益。因此在做决定前要让自己冷静，理性的分析，让自己看的更远。言归正传，今天我们来聊一个新的概念——插槽。2.插槽的使用2.1一个简单的例子我们先来看一个简单的例子constapp=Vue.createApp({template:``});app.component("my-f
追风人聊Java·2024-01-27 00:47

vue3+typescript【2】

method中this的指向注意，不应该使用箭头函数来定义method函数(例如plus:()=>this.a++)。理由是箭头函数绑定了父级作用域的上下文，所以this将不会按照期望指向组件实例，this.a将是undefined。写一个箭头函数时，这个this就是window快捷模板文件->首选项->配置用户代码->html.json:{"Printtovue":{"prefix":"vue"
女德班吊车尾·2024-01-27 00:19

vue3 defineEmits传递多个参数

//子组件constemit=defineEmits(['refreshCount']);functionchangeProCount(id,label,val){emit('refreshCount',id,label,val);};//父组件//functionrefreshCount(id,proLabel,val){//接收参数，一一对应。console.log(id,proLabel,v
wentingyunmin·2024-01-27 00:19

Vue3基础知识2

目录1.组合式API1.组合式API基础1.带ref的响应式变量2.watch响应式更改3.watch和watchEffect的区别：4.独立的computed属性5.生命周期钩子2.Setup1.Props2.Context3.使用渲染函数4.访问组件的property3.Provide/Inject1.Provide2.Inject3.添加响应性4.在单文件组件（SFC）中使用组合式API的编
格鲁的斯图尔特·2024-01-27 00:48

Vue3封装全局自定义弹框，结合element的el-dialog

main.ts中//引入并注册import{createApp}from"vue";importSubDialogfrom'@/components/sub.ts'letinstance:any=null;instance=createApp(App);instance.use(SubDialog);components下的sub.ts文件import{h,render}from'vue'impo
lxsssss·2024-01-27 00:17

Vue3 emits 结合回调函数的使用

回调函数先说下啥是回调函数，举个例子，当A方法调用B方法时，A方法会传一个方法作为参数给B方法，B方法中可以去按照逻辑执行A传递过的函数，就是回头再调用A方法传参给的方法。有点绕哈，写段代码参考下constfunA=()=>{//业务逻辑.....funB('布拉布拉',123,()=>{//回调的业务逻辑});};/***B方法最好加上ts约束*@paramparam1参数1*@parampar
-小龙人·2024-01-27 00:17

树结构递归生成嵌套json

vargetJsonTree=function(data,parentId){varitemArr=[];for(vari=0;i
TouchMe丶·2024-01-27 00:56

Vue3中 setup 语法糖写法

Vue3中setup语法糖写法CompositionAPI及组合式API,是根据逻辑相关性组织代码的，提高可读性和维护性。最大的优点在V3中写hooks了，重复性使用相同代码的逻辑。
K.Encoding·2024-01-27 00:04

vue3-深入组件-事件

触发与监听事件在组件的模板表达式中，可以直接使用$emit方法触发自定义事件。定义与使用格式规范:camelCase（小驼峰命名形式)比如：changeStatusclick me在父组件中使用kebab-case形式使用同样，组件的事件监听器也支持.once修饰符：和原生DOM事件不一样，组件触发的事件没有冒泡机制。你只能监听直接子组件触发的事件。平级组件或是跨越多层嵌套的组件间通信应使用一个外
王大可996·2024-01-26 21:55

vue3-element-admin的组件el-time-picker设置只能选择上午或下午

上午：conststartTime=(value)=>{letformattedDates=[];value.forEach((time)=>{letinputTime=newDate(time);lethours=inputTime.getHours();letminutes=inputTime.getMinutes();letseconds=inputTime.getSeconds();let
TechWhiz-晓同·2024-01-26 20:53

Vue3配置Cesium-navigation-es6

1.安装cesium-navigation-es6E:\CesiumProject\world>[email protected].修改源码打开node_modules/cesium-navigation-es6/，将所有.js内的importCesiumfrom'cesium/Cesium'替换为如下varCesium=require('cesium/Cesiu
小龙狗·2024-01-26 20:33

开发 Chrome 浏览器插件时进行 Vue3+Vite 多页面多入口配置

使用Vite开发Chrome插件时，构建多页面以及多js文件因为发现Vite多页面构建有很多分歧以及问题点，所以我把我在Chrome插件开发上面使用到的Vite多页面以及多入口文件构建配置单独拿出来开发Chrome插件是，一般会需要一个popuphtml页面，有时候还会需要一个contenthtml页面，但是还需要service-worker.js文件以及content.js文件一、Chrome插
gqkmiss·2024-01-26 19:37

vue3 + vite动态引入图片以及本地正常展示，线上部署不正常显示的解决方法

方案一使用import引入importimgUrlfrom'./img.png'document.getElementById('hero-img').src=imgUrl方案二使用newURL//../assets/imgs为图片公共路径exportfunctiongetAssetsFile(url:string){returnnewURL(`../assets/imgs/${url}`,imp
奶昔不会射手·2024-01-26 18:46

Vscode插件推荐

用于前端：Chinese（Simplified）CodeSpellCheckerHTMLCSSSupportJavaScript(ES6)MithrlEmmetPathIntellisenseVue3SnippetsVueHelperAutoCloseTagAutoRenameTagBeautifyBracketPairColorizeropeninbrowserVeturIntelliuIDEA
Zane:)·2024-01-26 18:31

RuoYi-Vue前后端分离后台开发框架运行详细教程

ruoyi.vip演示地址：http://vue.ruoyi.vip代码下载：https://gitee.com/y_project/RuoYi-Vue下载之后解压，ruoyi-ui是前端代码vue2，建议分离出来，vue3
懒员员·2024-01-26 18:00

Lesson 9.2 随机森林回归器的参数

文章目录一、弱分类器的结构1.分枝标准与特征重要性2.调节树结构来控制过拟合二、弱分类器的数量三、弱分类器训练的数据1.样本的随机抽样2.特征的随机抽样3.随机抽样的模式四、弱分类器的其他参数在开始学习之前
虚心求知的熊·2024-01-26 17:25

pc读卡器读取芯片数据

通过读卡器设备去读取芯片的数据在index.html页面加上，在body的上面，jquery文件可以是其他版本的三个文件跟index.html页面同级，可能打包后会出现找不到这三个文件，最好在public目录里也加上这三个文件vue3
前端菜鸟丶Ndie·2024-01-26 17:08

vue3+WebRTC拉流（正确姿势）

vue3+WebRTC拉流（正确姿势）文章目录vue3+WebRTC拉流（正确姿势）缘由一、webRtc拉流是什么？
yasuo56·2024-01-26 17:06

wangeditor上传图片并展示在输入框内方法（vue3）

安装vue3组件yarnadd@wangeditor/editor-for-vue@next#或者npminstall@wangeditor/editor-for-vue@next--save页面中创建一个新的组件
yasuo56·2024-01-26 17:06

.env文件配置---全局环境变量(以Vue3为例)

.env---全局默认配置文件，在所有的环境中被载入，当你指定了环境，它也会合并,并且优先级大于.env，没有指定环境时先找它.env.development---指定开发环境的配置文件.env.production---指定生产环境的配置文件，当build运行会触发此文件键值对形式创建，命名必须VUE_APP_开头列如：VUE_APP_BASE_API='/api'.env.production
yasuo56·2024-01-26 17:36

vue3+ts读取excel文件数据

先下载xlsx依赖npmixlsx--save在所需页面引入xlsx依赖import*asxlsxfrom"xlsx";必须这样写写别的引入会报错！！先把文件读取为二进制文件/***把文件按照二进制进行读取*@paramfile*@returns*/constreadFile=(file:File)=>{returnnewPromise(resolve=>{letreader=newFileRea
yasuo56·2024-01-26 17:05

记事本(父页面与iframe子页面的联通,vue3+ts展示fbx模型,与tga贴图)

vue3+ts展示fbx与tga贴图npmithree--saveimport{ref,onMounted}from'vue';import*asTHREEfrom'three';import{FBXLoader
yasuo56·2024-01-26 17:02

vue3 页面长时间不使用，再次点击页面切换路由 操作无效报错

问题描述:使用Vite打包构建的项目，重新部署到生产。在部署期间用户一直停留在当前项目页面（长时间无操作半个小时+），部署完成后点击页面上的路由，报错！刷新后恢复正常。出现问题原因：上线打包的自动化工具会把上一个版本的资源文件清空，vite打包发版后，当前页面缓存的还是发版之前的资源，未主动刷新成新资源，导致点击页面路由跳转页面时在服务器上找不到之前的包，从而在页面上面显示为点击切换菜单路由，页面
红烧咸咸鱼·2024-01-26 16:27

vue3 elementplus左侧无限级菜单

使用的组件是elementPlusMenu菜单注意：Menu菜单属性参数可以自己配置链接:Menu菜单//父级页面//这个地方可以放路由名称等//值conststate=reactive({list:[]asany,defaultIndex:'',defaultOpeneds:[]});//方法consthandleOpen=(key:string,keyPath:string[])=>{};co
红烧咸咸鱼·2024-01-26 16:57

vue3 computed如何传参/接受参数

{{textComputed(item)}}constlist=[{id:0,name:'aaa'},{id:1,name:'bbb'},{id:2,name:'ccc'},]consttextComputed=(()=>(item:any)=>{returnitem.id})
红烧咸咸鱼·2024-01-26 16:57

vue3实现2d楼宇模型

需求背景解决效果视频效果2dFloor.vue需求背景需要实线一个2d楼宇模型，并按照租户温度渲染颜色解决效果视频效果vue3实现2d楼宇模型2dFloor.vue{{item.label}}{{index
柳晓黑胡椒·2024-01-26 16:23

vue3+ts 实现时间间隔选择器

需求背景解决效果视频效果balancedTimeElement.vue需求背景实现一个分片的时间间隔选择器，需要把显示时间段显示成图表，涉及一下集中数据转换[“02:30-05:30”,“07:30-10:30”,“14:30-17:30”]‘[(2,5),(7,10),(14,17)]’[4,5,6,7,8,9,10,14,15,16,17,18,19,20,28,29,30,31,32,33,
柳晓黑胡椒·2024-01-26 16:22

vue3 实现自定义radio

需求背景解决效果bgRadio.vue需求背景实现一个自定义选中样式的radio解决效果bgRadio.vueimport{computed}from'vue';constprops=defineProps(['modelValue'])constemit=defineEmits(['update:modelValue'])constradioValue=computed({get(){conso
柳晓黑胡椒·2024-01-26 15:17

vue3 + jeecgBoot 获取项目IP地址

封装的useGlobSetting函数引入并使用import{useGlobSetting}from'/@/hooks/setting';constglob=useGlobSetting();console.log(glob.uploadUrl)//http://192.168.105.57:7900/bs-axfd
Zh.冠军·2024-01-26 15:29

vue3 挂载 组件

import{createApp}from'vue'importtempfrom'./temp.vue'exportconstsend=()=>{constoDiv=document.createElement('div')document.body.append(oDiv)constapp=createApp(temp)app.mount(oDiv);}
ivanfor666·2024-01-26 14:32

Vue——vue3拖拽库Sortablejs

VueDraggablePlus是一个支持Vue2和Vue3的拖拽库，它具有以下特性：功能齐全：全面继承Sortable.js的所有功能无缝迁移：适用于Vue3和Vue2灵活使用：支持组件、指令、函数式调用
还需studystudy·2024-01-26 14:07

Vue3-在HTML标签、组件标签上使用v-model

目录一、Vue3介绍二、HTML标签三、HTML组件四、Vue3使用v-model一、Vue3介绍Vue3是一种用于构建用户界面的现代化JavaScript框架。
杨荧·2024-01-26 14:16

vue3 根据点击位置，实现一个用户头像弹框定位

vue3根据点击位置，实现一个用户头像弹框定位需求背景最近在做直播后台，涉及到对用户的一些操作，比如关注/取关/禁言/踢出直播间。
推开世界的门·2024-01-26 12:53

Vue3的shallowReactive和shallowRef

文章目录reactive与shallowReactive使用reactive使用shallowReactiveref与shallowRef使用ref使用shallowRefshallowReactive类似reactive，不同的是，shallowReactive只处理对象最外层属性的响应式。shallowRef类似ref，不同的是，shallowRef只处理基本类型的响应式，不处理对象类型的响应
richest_qi·2024-01-26 12:51

vue3 中 ref、reactive、shallowRef、shallowReactive的区别详解

vue3中ref、reactive、shallowRef、shallowReactive的区别reactive：深度劫持（深监视）shallowReactive：浅度劫持（浅监视）ref:深度劫持（深监视
前端打工人·2024-01-26 12:51

11.0 vue3 shallowRef&shallowReactive

上一篇：vue3toRef&toRefshttps://blog.csdn.net/qq_42543244/article/details/122715199本篇文章主要记录vue3的shallowRef
Jay丶萧邦·2024-01-26 12:21

深入了解 shallowRef 和 shallowReactive

在Vue3中，shallowRef和shallowReactive是两个非常有用的方法，它们帮助我们在处理响应式数据时更加灵活和高效。
怂怂敲代码·2024-01-26 12:21

【vue3】ref、reactive、shallowRef、shallowReactive、readonly和shallowReadonly

申明变量的几种方法一般情况下使用ref和reactive即可如果有一个对象数据，结构比较深，但变化只是外层属性变化===>shallowReactive如果有一个对象数据，后面会产生新的对象来替换===>shallowRef深度只读数据===>readonly浅度只读数据===>shallowReadonlym1:{{m1}}m2:{{m2}}m3:{{m3}}m4:{{m4}}m5:{{m5}}
顾鸟·2024-01-26 12:50

Vue3快速入门-shallowRef 与 shallowReactive

查看本系列文章合集clickme下载本系列文章源码clickmeshallowRefshallowRef类似ref，不同的是，shallowRef只处理基本类型的响应式，不处理对象类型的响应式。shallowReactiveshallowReactive类似reactive，不同的是，shallowReactive只处理对象最外层属性的响应式。也就是浅响应式shallowRef基本数据类型:{{r
温情key·2024-01-26 12:50

Vue学习计划-Vue3--其他API：shallowRef与shallowReactive、readonly与shallowReadonly、toRaw与markRaw、customRef

其它API【shallowRef与shallowReactive】shallowRef作用：创建一个响应式数据，但只对顶层属性进行响应式处理。用法：letmyVar=shallowRef(initValue)特点：只跟踪引用值的变化，不关心值内部的变化shallowReactive作用：创建一个浅层响应式对象，只会使对象的最顶层属性变成响应式的，对象内部的嵌套属性则不会变成响应式的用法：letmy
化作繁星·2024-01-26 12:20

Vue3全局组件和自定义指令

目录全局组件全局指令局部指令全局组件全局组件是在main.js中注册的，通过app实例.component创建main.jsimport{createApp}from'vue'importAppfrom'./App.vue'//导入组件importCustormCompfrom'./components/CustormComp.vue'//创建App实例挂载到id为app的dom元素constap
诗霖雪·2024-01-26 12:49

vue3 shallowRef和shallowReactive

shallowRef使用定义一个不会其对象内的值改变的数据时,或者每次改变都是替换掉整个对象而不是去单单替换掉其中的某个属性
兜里揣着星星·2024-01-26 12:48
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他