随笔分类 -  Vue2&Vue3

1 2 3 4 5 ··· 7 下一页

Vue2&Vue3
2024 年最值得推荐的 7 个 Vue3 组件库
摘要:你好,我是 Kagol。 Vue 是一款易学易用,性能出色,适用场景丰富的渐进式 JavaScript 框架,深受广大开发者的喜爱,Vue3 更是推出了 Composition API,让逻辑复用更友好。 马上就到 2024 年了,如果你的项目正在使用 Vue3,或者打算升级 Vue3,以下 Vue 阅读全文

posted @ 2023-12-15 15:12 漫思 阅读(1347) 评论(0) 推荐(0) 编辑

一个 OpenTiny,Vue2 Vue3 都支持!
摘要:大家好,我是 Kagol,OpenTiny 开源社区运营,TinyVue 跨端、跨框架组件库核心贡献者,专注于前端组件库建设和开源社区运营。 今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 TinyVue 是一套跨端、跨框架的企业级 UI 组件库,支持 Vue 2 和 阅读全文

posted @ 2023-04-11 17:41 漫思 阅读(37) 评论(0) 推荐(0) 编辑

vue2 使用 swiper 轮播图效果
摘要:vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de 阅读全文

posted @ 2023-04-11 11:04 漫思 阅读(66) 评论(0) 推荐(0) 编辑

vue中使用echarts的两种方法
摘要:vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v 阅读全文

posted @ 2023-04-11 11:02 漫思 阅读(364) 评论(0) 推荐(0) 编辑

VUE:引入腾讯地图并实现轨迹动画
摘要:VUE:引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果: 引入步骤: 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 阅读全文

posted @ 2023-04-11 11:00 漫思 阅读(136) 评论(0) 推荐(0) 编辑

一文搞懂Vue3中如何使用ref获取元素节点?
摘要:一文搞懂Vue3中如何使用ref获取元素节点? 会飞的猪 开源网站:91huajian.cn 29 人赞同了该文章 ​ 展开目录 前言 虽然在 Vue 中不提倡我们直接操作 DOM,毕竟 Vue 的理念是以数据驱动视图。但是在实际情况中,我们有很多需求都是需要直接操作 DOM 节点的,这个时候 Vu 阅读全文

posted @ 2023-02-24 17:51 漫思 阅读(534) 评论(0) 推荐(0) 编辑

总结了 Vue3 的七种组件通信方式,别再说不会组件通信了
摘要:总结了 Vue3 的七种组件通信方式,别再说不会组件通信了 播报文章 网格化软件高品伟业 2022-04-19 16:35山东 关注 写在前面 本篇文章是全部采用的 <script setup> 这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档[1]对两种 阅读全文

posted @ 2023-02-02 10:34 漫思 阅读(74) 评论(0) 推荐(0) 编辑

Pinia
摘要:Pinia 最初是在 2019 年 11 月左右重新设计使用 Composition API 。从那时起,最初的原则仍然相同,但 Pinia 对 Vue 2 和 Vue 3 都有效,并且不需要您使用组合 API。 除了安装和 SSR 之外,两者的 API 都是相同的,并且这些文档针对 Vue 3,并 阅读全文

posted @ 2023-02-02 10:33 漫思 阅读(87) 评论(0) 推荐(0) 编辑

Vue3中如何使用ref获取元素节点全面解析
摘要:Vue2 中的 ref <template> <div id="app"> <div ref="hello">小猪课堂</div> </div> </template> <script> export default { mounted() { console.log(this.$refs.hell 阅读全文

posted @ 2023-01-31 11:53 漫思 阅读(732) 评论(0) 推荐(0) 编辑

Vue3中 ref 属性详解
摘要:1. Vue2 中的 ref 属性 <template> <div class="wrap"> <div ref="box">box</div> <ul> <li v-for="i in 4" :key="i" ref="li">第{{i}}项</li> </ul> </div> </templat 阅读全文

posted @ 2023-01-31 11:51 漫思 阅读(359) 评论(0) 推荐(0) 编辑

谈谈Vue3中的ref和reactive
摘要:一、是什么? ref和reactive是Vue3中用来实现数据响应式的API 一般情况下,ref定义基本数据类型,reactive定义引用数据类型 (我喜欢用它来定义对象,不用它定义数组,原因后面讲) 我理解的ref本质上是reactive的再封装 二、先聊reactive reactive定义引用 阅读全文

posted @ 2023-01-31 11:50 漫思 阅读(93) 评论(0) 推荐(0) 编辑

vue3 之 ref
摘要:vue3 之 ref vue2 中的 ref 获取一个 dom 元素和实例对象 vue3 中 ref 是用来定义数据响应式 特别注意:ref 可以接收基本数据类型,也可以是对象类型 1、基本数据类型:基本数据类型 ref 的处理方式还是 Object.defineProPerty() 的get()和 阅读全文

posted @ 2023-01-31 11:39 漫思 阅读(108) 评论(0) 推荐(0) 编辑

老板:你为什么要选择 Vue?
摘要:大家好,我是 Kagol,Vue DevUI 开源组件库和 EditorX 富文本编辑器创建者,专注于前端组件库建设和开源社区运营。 假如你是团队的前端负责人,现在老板要拓展新业务,需要开发一个 Web 应用,让你来做技术选型,你之前用 Vue 比较多,对 Vue 比较熟悉,希望能在团队内部推行 V 阅读全文

posted @ 2022-12-05 13:32 漫思 阅读(53) 评论(0) 推荐(0) 编辑

vue中keep-alive的原理
摘要:一、概念: keep-alive 实现了组件的缓存,当组件切换时不会对当前组件进行卸载。常用的2个属性 include / exclude 以及max属性,2个生命周期 activated / deactivated,以及LRU算法。 include 对哪些进行缓存 exclude 对哪些不进行缓存 阅读全文

posted @ 2022-11-21 15:43 漫思 阅读(309) 评论(0) 推荐(0) 编辑

盘点Vue2和Vue3的10种组件通信方式(值得收藏)
摘要:盘点Vue2和Vue3的10种组件通信方式(值得收藏) Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API 组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。其中将要实现的通信方式如下表所示 方式Vue2Vue3 父传子 阅读全文

posted @ 2022-08-19 18:28 漫思 阅读(207) 评论(0) 推荐(1) 编辑

Vue中的Object.defineProperty全面理解
摘要:Vue中的Object.defineProperty全面理解 更新时间:2022年04月30日 11:27:32 作者:godkzz 这篇文章主要介绍了Vue中的Object.defineProperty全面理解,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教 目录 阅读全文

posted @ 2022-08-12 11:36 漫思 阅读(231) 评论(0) 推荐(0) 编辑

hash和history的区别
摘要:一. vue-router(前端路由)有两种模式,hash模式和history模式1.hash 就是指 url 后面的 # 号以及后面的字符,history没有带#,外观上比hash 模式好看些2.原理的区别(原理)3. hash 能兼容到IE8, history 只能兼容到 IE10;4.由于 h 阅读全文

posted @ 2022-08-11 11:37 漫思 阅读(712) 评论(0) 推荐(0) 编辑

vue3.0和vue2.0的区别是什么?
摘要:区别:vue2.0中不管数据多大,都会在一开始就为其创建观察者;当数据很大时,这可能会在页面载入时造成明显的性能压力。而vue3.0只会对“被用于渲染初始可见部分的数据”创建观察者,而且vue3.0的观察者更高效。 vue3.0和2.0的区别 Vue-cli3.0于 8月11日正式发布,看了下评论, 阅读全文

posted @ 2022-07-24 19:23 漫思 阅读(3090) 评论(0) 推荐(0) 编辑

Vue核心之数据劫持
摘要:Vue核心之数据劫持 前瞻 当前前端界空前繁荣,各种框架横空出世,包括各类mvvm框架横行霸道,比如Anglar,Regular,Vue,React等等,它们最大的优点就是可以实现数据绑定,再也不需要手动进行DOM操作了,它们实现的原理也基本上是脏检查或数据劫持。那么本文就以Vue框架出发,探索其中 阅读全文

posted @ 2022-07-22 16:11 漫思 阅读(187) 评论(0) 推荐(0) 编辑

研究大佬用 Vue 写的倒计时组件,学到了不少东西
摘要:研究大佬用 Vue 写的倒计时组件,学到了不少东西 tcpisopen ​关注她 29 人赞同了该文章 一、前言 入职的第一个需求是跟着一位前端大佬一起完成的一个活动项目。 由于是一起开发,当然不会放过阅读大佬的代码的机会。 因为我的页面中需要使用到倒计时功能,发现大佬的已经写了个现成的倒计时组件, 阅读全文

posted @ 2022-01-12 18:47 漫思 阅读(269) 评论(0) 推荐(0) 编辑

1 2 3 4 5 ··· 7 下一页

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示