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

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

摘要：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 阅读全文

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

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

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

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

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

摘要：Vue2 中的 ref <template> <div id="app"> <div ref="hello">小猪课堂</div> </div> </template> <script> export default { mounted() { console.log(this.$refs.hell 阅读全文

摘要：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 阅读全文

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

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

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

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

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

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

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

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

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

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