Vue3状态管理

VUE3中使用 object.foreach中的方法时出错

object.foreach中的方法时出错不是一个函数解决方案：//使用ES5新增的Object.getOwnPropertyNamesvarobj={走势图:[{label:test,value:499}],柱状图:[{label:test2,value:499}]};Object.getOwnPropertyNames(obj).forEach(function(key,index){cons
问题记录中心✘·2024-01-04 10:05

flex布局实例

Vue3:root{--color1:var(--color1)}*{margin:0%;padding:0%;}html{font-size:16px;}#app{/*display:grid;place-content
黑胡子大叔的小屋·2024-01-04 10:01

【Vue2+3入门到实战】（22）VUE3之组合式API - setup、reactive和ref函数、computed、watch、生命周期函数详细讲解

目录一、组合式API-setup选项1.setup选项的写法和执行时机2.setup中写代码的特点3.语法糖二、组合式API-reactive和ref函数1.reactive2.ref3.reactive对比ref三、组合式API-computed四、组合式API-watch1.侦听单个数据2.侦听多个数据3.immediate4.deep五、组合式API-生命周期函数1.选项式对比组合式2.生命
老牛源码·2024-01-04 10:25

【Electron】快速建立Vue3+Vite+Electron Ts项目

githttps://github.com/electron-vite/electron-vite-vue创建项目npmcreateelectron-viteorpnpmcreateelectron-vite初始化pnpminstallorpnpmi启动项目pnpmdev打包项目pnpmbuild项目创建成功后默认情况下窗口是H800W600在createWindow函数内添加win.setSiz
春暖花开.,·2024-01-04 09:28

vue3+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

vue3+ts错误：找不到模块“./App.vue”或其相应的类型声明。
春暖花开.,·2024-01-04 09:58

vue2和vue3中的路由使用及传参方式

文章目录vue2中使用路由Vue3中使用路由路由传参方式Vue2和Vue3中的路由系统有很多相似之处，但也存在一些重要的区别。
我胡为喜呀·2024-01-04 08:21

vue3中的proxy

文章目录vue3中的proxy是什么？解决了什么问题？使用方法vue3中的proxy是什么？在Vue3中，Proxy主要用于实现响应式系统，实现对象代理的机制。
我胡为喜呀·2024-01-04 08:20

Vue3中组件常用通信方式

文章目录一、Props二、v-model三、Provide/Inject：四、事件四、Ref在Vue3中，父子组件之间进行通信有多种方式，下面简单介绍下常见的方式及其用法和使用场景：一、Props用于父组件向子组件传递数据
我胡为喜呀·2024-01-04 08:11

vue3中pdf打印问题处理

1get请求参数问题之前的请求是post得不到参数，今天发现的问题很奇怪，从前端进入网关，网关居然得不到参数。前端代码constprint=()=>{letlinkUrlStr=proxy.$tool.getUrlStr(proxy.$api.invOrder.psiInvOrder.printSalOutstock,{asId:userInfo.value.currentAsId,recvSta
warrah·2024-01-04 07:29

vue3+SuperMap iClient3D for Cesium实现模型裁剪功能

本人小白一枚，文章如有问题还请各位大神评论区指出。整体实现是参考SuperMapiClient3DforCesium的Box裁剪功能源码~一、主要功能二、具体实现1.HTML主要结构代码如下：裁剪包围盒内裁剪包围盒外清除2.javascript代码如下：import{ref,watch,onBeforeUnmount}from"vue";import{ElMessage}from"element-
巨脸怪·2024-01-04 07:18

vue3+SuperMap iClient3D for Cesium实现地形开挖功能

本人小白一枚，文章如有问题还请各位大神评论区指出。整体实现是参考SuperMapiClient3DforCesium的地形开挖功能源码~文章目录前言一、主要功能二、具体实现1.HTML主要结构2.javascript前言SuperMapiClient3DforCesium中的Globe类提供了removeAllExcavationRegion方法，可移除开挖面（这里还可以通过选用removeAll
巨脸怪·2024-01-04 07:48

vue3+SuperMap iClient3D for Cesium实现天际线分析功能

本人小白一枚，文章如有问题还请各位大神评论区指出。整体实现是参考SuperMapiClient3DforCesium的天际线分析功能原码~文章目录前言一、主要功能二、具体实现1.HTML主要结构2.javascript前言SuperMapiClient3DforCesium中的Skyline类提供了设定观察者位置、观察方向，并在场景中得到分析结果的功能。具体实现见下方代码。一、主要功能该功能主要实
巨脸怪·2024-01-04 07:48

vue3+SuperMap iClient3D for Cesium实现通视分析功能

本人小白一枚，文章如有问题还请各位大神评论区指出。整体实现是参考SuperMapiClient3DforCesium的通视分析功能源码~文章目录前言一、主要功能二、使用步骤1.HTML主要结构2.javascript总结前言SuperMapiClient3DforCesium中的Sightline类提供了根据观察者点位和目标点建立视线分析，并在场景中分析得到结果的功能。具体下方代码都有详细注释。一
巨脸怪·2024-01-04 07:47

vue3+SuperMap iClient3D for Cesium实现可视域分析功能

本人小白一枚，文章如有问题还请各位大神评论区指出。整体实现是参考SuperMapiClient3DforCesium的可视域分析功能源码~文章目录前言一、主要功能二、使用步骤1.HTML主要结构2.javascript前言SuperMapiClient3DforCesium中的ViewShed3D类提供了可视域分析，设置观察点、目标的位置，水平、垂直视角范围，建立可视区域分析并在指定的场景中显示分
巨脸怪·2024-01-04 07:47

【Vue2+3入门到实战】（21）认识Vue3、使用create-vue搭建Vue3项目、熟悉项目和关键文件

目录一、认识Vue31.Vue2选项式APIvsVue3组合式API2.Vue3的优势二、使用create-vue搭建Vue3项目1.认识create-vue2.使用create-vue创建项目三、熟悉项目和关键文件四
老牛源码·2024-01-04 07:39

Vue3中使用动态组件

文章目录使用方式：使用场景：在Vue3中，动态组件是一种允许在运行时动态切换组件的机制。Vue3提供了元素以及is特性来实现动态组件的切换。
我胡为喜呀·2024-01-04 06:24

和vue2对比的Vue3新写法，在vue2基础上快速上手vue3项目

本文的目的，是为了让已经有Vue2开发经验的人，快速掌握Vue3的写法。一、Vue3里script的三种写法首先，Vue3新增了一个叫做组合式api的东西，英文名叫CompositionAPI。
一只小姜丝332·2024-01-04 06:51

vue3+echart绘制中国地图并根据后端返回的坐标实现涟漪动画效果

1.效果图2.前期准备main.jsapp.use(BaiduMap,{//ak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key*/ak:'sRDDfAKpCSG5iF1rvwph4Q95M6tDCApL',//v:'3.0',//默认使用3.0//type:'WebGL'//||API默认API(使用此模式BMap=BMapGL)}
00秃头小宝贝·2024-01-04 06:19

支Vue3的WebSocket插件并支持断线重连

当你在Vue3中需要使用WebSocket并支持断线重连时，你可以创建一个自定义的WebSocket插件。
北漂燕郊杨哥·2024-01-04 06:46

Winform中使用Websocket4Net实现Websocket客户端并定时存储接收数据到SQLite中

场景SpringBoot+Vue整合WebSocket实现前后端消息推送：SpringBoot+Vue整合WebSocket实现前后端消息推送_websocketvue3.0springboot往客户端推送
霸道流氓气质·2024-01-04 06:43

图片中src属性绑定不同的路径

vue3需求是按钮disable的时候，显示灰色的icon；非disable状态，显示白色的icon一开始src写成三元表达式，发现不行，网上说src不能写成三元表达式，vue会识别成字符串最后的解决方案同时
前端小怪兽zmy·2024-01-04 06:42

前端框架中的状态管理（State Management）

聚沙成塔·每天进步一点点⭐专栏简介前端入门之旅：探索Web开发的奇妙世界欢迎来到前端入门之旅！感兴趣的可以订阅本专栏哦！这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者，这里都将为你提供一个系统而又亲切的学习平台。在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读
几何心凉·2024-01-04 06:11

vue3对比vue2是怎样的

一、前言Vue3通过引入CompositionAPI、升级响应式系统、优化性能等一系列的改进和升级，提供了更好的开发体验和更好的性能，使得开发者能够更方便地开发出高质量的Web应用。
雪梅零落·2024-01-04 05:13

vue3.0 + draggable插件实现卡片拖拽排序功能（数据存前端）

image.png{{element.name}}importdraggablefrom'vuedraggable'constcardList=reactive([{id:1,name:'项目列表',src:projectImg,flag:'project'},{id:2,name:'CI/CD',src:cicdImg,flag:'cicd'},{id:3,name:'日志中心',src:log
Joan_King_·2024-01-04 04:00

vue3面试题

1.Vue3中的CompositionAPI是什么？它与OptionsAPI有什么区别？
qq_42431718·2024-01-04 04:00

vue3非父子组件间传值

本示例基于vue3使用要点：发送数据----$bus.emit('password',num)接收数据----在onMounted()中$bus.on('password',(data)=>{})双方定一个交换数据的号码
小约翰仓鼠·2024-01-04 04:14

vue3使用原生HTML元素marquee，控制台报警告

近期有个滚动字幕的需求，在vue3中使用原生HTML元素marquee，结果控制台报警告(在vue2中使用没问题)。
小约翰仓鼠·2024-01-04 04:14

学习Vue脚手架总结

脚手架，然后点击就可以跳转到CLI的页面，上面有详细的安装教程，因为服务器不在国内，所以下载之前先配置npm镜像，下载完之先选择创建一个文件的路径通过（vuecreate文件名）创建文件后会有Vue2和Vue3
heliang399·2024-01-04 01:58

技术资讯：Vue 3.4 新版本发布，1分钟快速看看改了啥！

踏着2023年的小尾巴，尤大大声明发布了Vue3.4新版本。此版本包括一些重大的内部改进，挑选几个比较重要的看看哈。解析器速度提高2倍并提高SFC构建性能提高计算属性的重新计算效率D
程序员大澈·2024-01-04 00:21

Vue3 结合typescript 组合式函数(2)

安装axios：npminstallaxios1、hooks文件夹下新建useURLLoader在APP.VUE中使用useURLLoader使用DogAPI2、使用对象中的属性，必须使用toRefs，否则Reactive响应失效3、使用泛型结果：
土井塔克树1412·2024-01-04 00:27

SwiftUI ArkUI 对比分析

版本1.0(2023年4月)更新说明：4.7修改问题和缺陷4.13新增缺陷讨论4.14新增引言和部分小结4.17高亮关键性代码，新增SwiftUI状态官方定义目录引言声明式UI简介@是什么页面级变量的状态管理应用级变量的状态管理抽象组件
最后的轻羽·2024-01-03 23:01

2019-06-29

它本身只关注UI,可以轻松引入vue插件或其它第三方库开发项目Vue扩展插件1）vue-cli:vue脚手架2）vue-resource(axios):ajax请求3）vue-router:路由4）vuex:状态管理
CC__XX·2024-01-03 23:17

vue3按钮点击频率控制

现有一个按钮，如下图点击时再次点击刷新窗口再次点击刷新窗口依然可以实现点击频率控制。代码实现：-->click//@ts-ignoreimportzhCnfrom'element-plus/dist/locale/zh-cn.mjs'import{reactive}from'vue'import{ElMessage}from'element-plus'//国际化配置constlocale=reac
laizhenghua·2024-01-03 22:42

VUE框架Vue3下使用watch监听reactive下的数据变化并使深度监视起效------VUE框架

{{data.counter}}按一下加一{{data.a.b.c.d.counter1}}按一下加一import{reactive,watch}from'vue'exportdefault{name:"App",setup(){letdata=reactive({counter:1,a:{b:{c:{d:{counter1:100}}}}});//对于reactive监视的属性来说,默认就是开启
旧约Alatus·2024-01-03 22:39

Vue2/Vue3-插槽(全)

一、插槽的定义vue实现了一套内容分发的Api，将元素作为承载内容分发二、插槽的注意事项父组件模板的内容只能访问父组件的作用域，子组件的模板只能访问子组件的作用域。也就是说插槽的内容可以访问父组件的数据作用域，因为插槽内容本身就是在父组件的模板中定义的，插槽内容是无法访问子组件中的数据，vue模板中的表达式只能访问其定义时在所处的作用域，这个和js的词法作用域规则是一样的。三、普通插槽//父组件i
GllWyz·2024-01-03 22:08

Vue3 PropType

PropTypeimport{defineComponent,PropType}from'vue'exportinterfaceColumnProps{id:string;title:string;avatar:string;description:string;}exportdefaultdefineComponent({name:'ColumnList',props:{list:{type:A
MINO吖·2024-01-03 22:06

vue3项目创建

安装node.jsvue--version（4.5.0以上）npminstall-g@vue/clivuecreate项目名称npmrundev启动npmrunbuild打包————————vite创建工程npmcreatevue@latestnpminpmrundev启动npmrunbuild打包=====================项目结构.vscodeextensions.json插件n
20岁30年经验的码农·2024-01-03 22:00

重新认识一下 vue3 应用实例

重新认识一下vue应用实例创建应用实例每个Vue应用都是通过createApp函数创建一个新的应用实例应用实例必须在调用了.mount()方法后才会渲染出来。该方法接收一个“容器”参数，可以是一个实际的DOM元素或是一个CSS选择器字符串//main.jsimportAppfrom'./App.vue'import{createApp}from'vue'constapp=createApp(App
鱼肚白@99·2024-01-03 22:53

一文带你真正理解 JavaScript

近年在市场表现和产品竞争力方面表现较为突出，采用的是最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue3）。
白日梦批发商·2024-01-03 21:18

[vue3快速入门] 1.vue的数据驱动

vue3constvueApp=Vue.createApp({data(){return{message:'托尼，你好',}},template:`{{message}}`,})vue
林哥学前端·2024-01-03 20:11

前端插件库-VUE3 使用 vue-codemirror 插件

VUE3插件vue-codemirror使用步骤和实例、基于CodeMirror，适用于Vue的Web代码编辑器。
凉生阿新·2024-01-03 19:32

vue3 自定义指令

本文主要重点学习一下Vue3中自定义指令如何使用？主要应用场景：防抖、图片懒加载、一键Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单自定义指令注册自定义指令全
qq_45438471·2024-01-03 19:50

Vue 自定义主题、logo如何监听其变化及实时更新（Vuex状态管理）

官网地址：Vuex官网首先了解Vuex，下面内容不具体描述Vuex基础知识。问题描述：在项目中遇到需求：自定义系统的logo、title、主题颜色等，此时修改这些系统配置时会涉及到同步更新问题。例如在系统配置管理页面更新系统logo，则系统logo自动更新。（意思就是在vue项目中更新logo写在A组件，logo在B组件，A中logo值发生改变，无法实时更新B中logo，需要使用vue提供的vue
O3ohn·2024-01-03 19:20

vue3引入高德地图流程（key和秘钥），仅需三步

步骤一：申请key和秘钥步骤二：安装@amap/amap-jsapi-loader依赖cnpmi@amap/amap-jsapi-loader//或者yarnadd@amap/amap-jsapi-loader步骤三：importAMapLoaderfrom"@amap/amap-jsapi-loader";import{onMounted,onUnmounted}from"vue";letmap
第7个前端·2024-01-03 17:07

Vue3使用高德地图，自定义InfoWindow窗口

html部分关闭script部分const{proxy}=getCurrentInstance()asany;//省略一万行infoWindow.setContent(proxy.$refs.devinfowin)看下效果
第7个前端·2024-01-03 17:04

总结一下 vue2 组件之间的通信

start最近在学习vue3，在学习vue3的之前。
upward_tomato·2024-01-03 17:03

Vue之组件间传值

何为组件间传值在Vue3之组件文章中，我们学会了定义使用组件，但是我们似乎还缺少什么将组件之间联系起来，说到组件之间的联系就不得不提组件间的传值，而组件间的传值其实也不难理解，就是如何在子组件中接收到父组件传递到值
职场007·2024-01-03 17:03

vue3组件间通信

目录父子组件1.props（父传子）2.emit（子传父）3.ref（子传父）4.provide/inject（祖孙、父子组件）兄弟组件1.mitt使用方法1：单文件方法使用方法2：全局挂载使用父子组件1.props（父传子）props是最常见的父子组件通信的方式父组件：子组件：（Demo09b组件）在单文件中使用,props可以使用defineProps()来定义import{definePro
tingkeiii·2024-01-03 17:02

Vue3组件间通信知识整理——兄弟组件之间通信

能看到Vue3文章的各位，相信eventBus大家都不陌生。eventBus——事件总线，作为Vue2.x兄弟组件通信的方案。
阿Der·2024-01-03 17:59

【Vue3组件间通信理解】

Vue3组件通信方式方式一：props方式二：自定义事件方式三：mitt方式四：v-model方式五：$attrs方式六：refs,parent方式七：provide,inject总结来源于尚硅谷vue3
问剑白玉京·2024-01-03 17:27
上一页 59 60 61 62 63 64 65 66 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他