vue3随手记

和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

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

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

随手记记

【步步的语言】-妈妈，为什么打扰步步睡觉。-妈妈，你为什么走开？-我感觉有点热。-这是大傻猪，这是小大傻猪。-毛豆你好，我叫步步。步步最喜欢吃毛豆了。-这个是步步妈妈，这是步步爸爸，这是步步奶奶，这是步步。这个是鸡蛋壳，这个是小熊，这个是鸭鸭，这个是挖沙子的…-步步马上来/步步待会儿刷牙-妈妈，有点痛哈（帮我撕手上的贴纸时）-妈妈，先不吃，有点烫，待会儿吃。-舒服多了-真是太美味了-妈妈，不关系，
四夕三土·2024-01-03 21:46

[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

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

随手记觉得不错（日更价值感知训练366天之第136天）

其实我内心特别喜欢过清楚真实的生活。今天找发票的时候把门市翻了一个底朝天，看到原来买了很多很多专业记账的本子，什么现金日记账，总分类帐等等。其实我对这些专业的东西一窍不通，但内心也特别向往。想想这都是15年以前的事情，中间做了很多次，不是记着记着就忘了，还是也不怎么会。到今天依然没有解决，依然没有形成习惯，依然还要从头再来。这次的主要动力是欠账太多了，时刻影响着我的心思和行为，不到能承受的极限基本
赤脚哥·2024-01-03 17:13

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

vue3时间获取

根据自己需要进行选择使用，有静态时间和动态时间newDate()：获取当前时间getFullYear()：获取年份getMonth()：获取月份getDay()：获取天getHours()：获取小时getMinutes()：获取分钟getSeconds()：获取秒数第一种方法测试{{format}}//01constformat=computed(()=>{constoDate=newDate()
@tg6666666666666·2024-01-03 17:27

代码随想录刷题笔记（DAY 7）

今日总结：前端开始学习vue3的新特性，花费时间比较多，今天的题目后面有点难度，明天抽时间复习一下。
*Soo_Young*·2024-01-03 17:38

快速打通 Vue 3（二）：响应式对象基础

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-03 17:38

快速打通 Vue 3（一）：基本介绍与组合式 API

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-03 17:37

快速打通 Vue 3（三）：Vue3 中的 watch 监听器与新特性

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）
*Soo_Young*·2024-01-03 17:31

Vue3 watch 的使用，如何监听一个对象中的属性值的变化 vue3 + ts + vite

Vue3watch的使用，如何监听一个对象中的属性值的变化由vue2转到vue3+ts+vite之后都不会写这些玩意了。
十月ooOO·2024-01-03 16:24

前端学习笔记 4：Element Plus

创建好后就可以按照官方文档中的指示，在工程目录下安装Element依赖：npminstallelement-plus--save注意，Element和ElementPlus是两个不同的项目，前者适用于Vue2.X，后者适用于Vue3
魔芋红茶·2024-01-03 15:01

随手记

今上午儿子铁木真和我一起倒腾花盆，图片发自App换了大花盆，移栽了俩小花盆，儿子铁木真真牛，往花盆里铲土都是他做的。下午在操场，自己把自行车搬到台阶上去，长大了，胳膊真有劲，真是个小男子汉，妈妈干活指望上了，哈哈！图片发自App图片发自App图片发自App图片发自App今天亮点:出门着急没换鞋，穿着拖鞋过去的。今下午胡毓夏和同学穿着汉服逛校园，两个小仙女晃荡晃荡，很仙。（图片没给我传）老三胡毓华吃
小胡仔娃子·2024-01-03 15:17

Vue-响应式数据

一、ref创建基本类型的响应式数据vue3可以使用ref、reactive去定义响应式数数据。
夏天的冬雪·2024-01-03 15:39

SVG 文件的引入方式之一：以 URL 的方式引入 SVG 文件，vue2、vue3+Vite vite-svg-loader

SVG文件的引入方式之一：以URL的方式引入SVG文件，vue2、vue3+Vitevite-svg-loader〇、前言：本篇将介绍：vue2使用require()引入svg使用vue3+ts+vite
十月ooOO·2024-01-03 14:01

Vue3 前端验证码实现

Vue3前端验证码实现1.下载identify插件npmiidentify--save2.在components目录下新建文件SIdentify.vue，代码如下：import{onMounted,watch
-沐云枫-·2024-01-03 14:08

vue3 router

小tips：vscode插件：jsontots,使用：选中：ctrl+shift+alt+s安装：npminstallvue-router-Svue3使用router4版本vue2使用router3版本使用
榴莲患者·2024-01-03 14:28

VUE3+TS（11）

硅谷甄选第十一天：2023-12-18:删除数据的时候，需要判断，若删除数据后，当前获取到的数组长度小于1，则页面获取上一页信息，否则就在当前页面。getSkuData(skuArr.value.length>1?pageNo.value:pageNo.value-1)动态组件：组件之间互相切换。：is的值可以是被注册的组件名导入的组件对象对表单校验。若想将数据都通过表单后再进行下一步操作，需要利
L北杳·2024-01-03 13:52

【vue3.0】19.0 某东到家（十九）——订单页面创建及顶部布局

修改src\views\home\Docker.vue{{item.title}}exportdefault{name:'Docker',setup(){constdockerList=[{active:true,icon:'custom-iconcustom-icon-home',title:'首页',to:'/'},{icon:'custom-iconcustom-icon-shopping'
bobokaka·2024-01-03 11:43

Vue3 基础组件，使用 props,emits

components，新建组件页面，使用Props,emits传值引入子组件，传单一类型子组件传递Object结果：
土井塔克树1412·2024-01-03 11:57

Vue3 结合typescript 组合式函数

在App.vue文件中实现鼠标点击文件，显示坐标值第一种方法第二种方法：组合式函数结果：官网推荐组合函数：https://vueuse.org
土井塔克树1412·2024-01-03 11:55

记事本在手机桌面上怎么找？手机里的记事本怎么找？

在日常生活、工作和学习中，我们时常需要随手记录一些重要的事项、灵感闪现的瞬间或者是待办的任务。比如，在超市购物前，列出购物清单；在开会时，记下重要的讨论点；在学习时，捕捉那一刹那的灵感。
c18069344077·2024-01-03 10:01

前端开发Vue3的逻辑复用

使用了Vue3Composables之后，逻辑复用比之前要顺手很多，这里说说前端开发最常用的场景，管理页面的列表查询和增删改查的逻辑复用，欢迎大家共同探讨。
树上有只程序猿·2024-01-03 10:49
上一页 54 55 56 57 58 59 60 61 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他