Laucher - 刘承Blog

4 篇文章标记为 "Vue"

2023年 02月 22日

Vue 3 Composition API 中的响应式特性：ref() 和 reactive()。

在组合式 API 中，我们使用两个函数来定义状态，即 ref() 和 reactive()。在本文中，我们将探讨这两个函数，概述它们的独特之处，并学习何时应该使用它们。作为额外内容，我们还将了解如何解包 refs、监视它们的变化，并使用它们创建隐式引用。。 —在单页面应用程序（SPA）中，响应性指的是应用程序根据底层数据的变化能够更新其用户界面的能力。响应性使我们能够编写更清晰的代码，避免了我们需要手动根据数据变化来更新界面。相反，界面会自动更新。然而，JavaScript 本身并不具备这种能力，因此我们可以通过像 React…

2022年 08月 18日

解决 Vue 3 中 ECharts 图表切换页面不渲染的问题

本文将为你介绍在 Vue 3 项目中使用 ECharts 图表库时常见的问题：切换页面后图表不再渲染。我们将探讨问题的原因，并提供两种优化方案，一种是使用 keep-alive 缓存组件状态，另一种是手动销毁和重新初始化图表实例。通过本文，你将学会如何确保你的 ECharts 图表在 Vue 3 中始终保持稳定的渲染，提升用户体验。 —问题概述当使用 ECharts 图表库在 Vue…

2021年 03月 20日

Vue3的script-setup 模式中父组件获取子组件的数据

在 Vue 3 中，Script-Setup 模式为我们提供了一种全新的组件编写方式，结合 Composition API 的优势，使得组件的逻辑更加清晰和易于维护。然而，在父组件中获取子组件的数据在 Script-Setup 模式下稍有不同。本文将介绍如何使用 defineExpose 宏方法在 Script-Setup 模式下实现父组件获取子组件数据的功能。 —Script-Setup 模式简介在 Vue 3 中，Script-Setup 模式通过使用 <script setup> 标签来代替传统的 <script…