前言 今天封装股票k线图组件前几天学的几个知识点都有用到，都是在封装k线图的时候遇到的问题，又啃了一遍基础。 一、改进之前的封装echarts组件 使用ref对象方式封装us...
发简信
IP属地：辽宁
-
Vue3实战笔记（50）—Vue 3+ECharts还能看股票？附源码 -
Vue3实战笔记（49）—Vue 3响应式魔法：ref vs reactive深入对决
前言 Vue 3 中的 ref 和 reactive 都是用于创建响应式数据的工具，但它们之间存在一些重要的区别。今天聊聊它们之间的主要差异： 一、 ref 和 reacti...
-
Vue3实战笔记（48）— reactive大揭秘：Vue 3中复杂数据结构的响应式处理
前言 前些天了解了ref，开发时候大部分时候都是直接用ref，其实还有reactive这玩意，有时候用起来更方便，不需要.value,本文介绍一下。在 Vue 3 中，rea...
-
Vue3实战笔记（47）— 一探emit奥秘——组件间通信的艺术与实践
前言 Vue封装了自定义组件之后，如果子组件想要向父组件传递数据该怎么办？ Vue.js 中的 emit 方法就是主要用于组件间的通信，特别是父组件与子组件之间的通信机制。它...
-
Vue3实战笔记（46）—Vue 3高效开发定制化Dashboard的权威手册前言 后台管理系统中的Dashboard是一种图形化的信息显示工具，通常用于提供一个特定领域或系统的概况。它可以帮助用户监控和分析数据，快速获取重要信息。可以帮助用户监控业务...
-
Vue3实战笔记（45）—VUE3封装一些echarts常用的组件，附源码前言 日前使用hooks的方式封装组件，在我使用复杂的图标时候遇到了些问题，预想在onMounted中初始化echarts，在使用hooks的时候，组件没有渲染完，使用实例会...
-
Vue3实战笔记（44）—vue3组件的ref属性
前言 之前学习过ref声明响应式对象，前几天读代码遇到了发懵的地方，详细学习了一下才发现，用法还有很多，遂总结一下ref的用法备忘。 一、组件的ref用法总结 Vue3 中的...
-
Vue3实战笔记（43）—Vue3组合式API下封装可复用ECharts图表组件前言 接上文，已经安装好了ECharts，开始封装组件方便使用。 一、封装echart图标钩子 首先应用我们之前学习的钩子方式，在hooks目录下创建一个名为 useECha...
-
Vue3实战笔记（42）—Vue + ECharts：流量数据可视化的强大组合前言 在前端开发中，数据可视化已经成为了一个不可或缺的部分。Vue.js作为一个轻量级且易于上手的渐进式JavaScript框架，与ECharts这个强大的数据可视化库的结合...
-
Vue3实战笔记（41）—自己封装一个计时器Hooks
前言 在Vue项目中，封装一个计时器挂钩（Hook）是一种实用的技术，它允许你在组件中方便地管理定时任务，如倒计时、计时器等，而无需在每个使用场景重复编写相同的逻辑代码。 计...
-
Vue3实战笔记（40）—组件逻辑复用：自定义Hooks的完全指南）
前言 自定义Hooks是Vue3中的一个重要特性，它允许您创建可重用的函数，以便在组件之间共享状态和逻辑。以下是一些关于自定义Hooks的常见用法。 一、状态管理 使用rea...
-
Vue3实战笔记（39）—封装页脚组件，附源码前言 在Web开发中，页脚组件是一个重要的部分，它为用户提供关于网站的信息、导航链接以及版权声明等。而封装页脚组件则是一种高效的方法，可以提高代码的可重用性和可维护性。 一、...
-
Vue3实战笔记（38）—粒子特效终章前言 官方还有很多漂亮的特效，但是vue3只有一个demo，例如我前面实现的两个页面就耗费了一些时间，今天记录一下tsparticles官方内置的几个特效的使用方法，一般这几...
-
Vue3实战笔记（37）—粒子特效登录页面前言 上头了，再来一个粒子特效登录页面。 一、粒子特效登录页 登录页： 如果不成功仔细看第一篇文章，一步一步做，很简单的。实际效果要比图片好看多了，gif录糊了糊了。。。 总...
-
Vue3实战笔记（36）—粒子特效完成炫酷的404前言 昨天介绍了一个粒子特效小例子，不够直观，下面直接实战在自己的项目中实现一个好玩滴。 404特效 更改之前创建好的404.vue: 完事儿了！就这么简单。看看效果： 动图...
-
Vue3实战笔记（35）—集成炫酷的粒子特效前言 学习一个有趣炫酷的玩意开心一下图片。 tsparticles，可以方便的实现各种粒子特效。支持的语言框架也是相当的丰富. 官网：https://particles.js...
-
Vue3实战笔记（34）—完美的菜单组件封装前言 之前简单的封装了一下菜单组件，数据都是写死的，多层嵌套没有支持，学完了组件传值，计算属性就可以继续完善了。 多层菜单封装 先看下数据结构： 数据有多层，所以使用嵌套，定...
-
Vue3实战笔记（33）—组件传值props终章前言 在 Vue 3 中，组件的声明方式主要有两种：运行时声明和基于类型的声明。这两种方式在 Vue 3 的 Composition API 中体现得尤为明显。 一、运行时声...
-
Vue3实战笔记（32）—组件传值props第三天还很细
前言 Vue 组件可以更细致地声明对传入的 props 的校验要求。比如我们上面已经看到过的类型声明，如果传入的值不满足类型要求，Vue 会在浏览器控制台中抛出警告来提醒使用...
-
Vue3实战笔记（31）—组件传值props第二天特别细
前言 今天聊聊Prop传值的一些细节. 一、Prop 名字格式 如果一个 prop 的名字很长，应使用 camelCase 形式，因为它们是合法的 JavaScript 标识...