vue3

一、概述 Vue 在大多数常见场景下性能都是很优秀的，通常不需要手动优化。然而，总会有一些具有挑战性的场景需要进行针对性的微调。在本节中，我们将讨论用 Vue 开发的应用在性能方面该注意些什么。 首先

一、开发环境 vs. 生产环境 在开发过程中，Vue 提供了许多功能来提升开发体验： 对常见错误和隐患的警告 对组件 props / 自定义事件的校验 响应性调试钩子 开发工具集成 然而，这些功能在生

<Suspense> 是一个内置组件，用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成，并可以在等待时渲染一个加载状态。 一、异步依赖 要了解 <Sus

一、什么是状态管理？ 它是一个独立的单元，由以下几个部分组成： 状态：驱动整个应用的数据源； 视图：对状态的一种声明式映射； 交互：状态根据用户在视图中的输入而作出相应变更的可能方式。 下面是“单向数

一、客户端 vs. 服务端路由 服务端路由指的是服务器根据用户访问的 URL 路径返回不同的响应结果。当我们在一个传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML

<Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。 一、基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组

<KeepAlive> 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。 一、基本使用 在组件基础章节中，我们已经介绍了通过特殊的 <component> 元素来实现动态组件的用

一、在线尝试 你不需要在机器上安装任何东西，也可以尝试基于单文件组件的 Vue 开发体验。我们提供了一个在线的演练场，可以在浏览器中访问： Vue SFC 演练场 自动随着 Vue 仓库最新的提交更新

一、介绍 Vue 的单文件组件 (即 *.vue 文件，英文 Single-File Component，简称 SFC) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单

<TransitionGroup> 是一个内置组件，用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果。 一、和 <Transition> 的区别 <TransitionGrou

Vue 提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画： <Transition> 会在一个元素或组件进入和离开 DOM 时应用动画。 <TransitionGroup> 会在一个 v-f

一、插槽内容与出口 在之前的章节中，我们已经了解到组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？在某些场景中，我们可能想要为子组件传递一些模板片段，让子

一、介绍 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例： 一个插件可以是一个拥有 install() 方法的对象，也可以直接是一个安装函数本身。安

一、介绍 除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。 我们已经介绍了两种在 Vue 中

一、什么是“组合式函数”？ 在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。 当构建前端应用时，我们常常需要复用

一、Attributes 继承 “透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是

一、基本用法 在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能： 如你所见，defineAs

一、Prop 逐级透传问题 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 props。想象一下这样的结构：有一些多层级嵌套的组件，形成了一棵巨大的组件树，而某个深层的子组件需要一个较远的祖

一、基本用法 v-model 可以在组件上使用以实现双向绑定。 从 Vue 3.4 开始，推荐的实现方式是使用 defineModel() 宏： 父组件可以用 v-model 绑定一个值： defin

在前端处理表单时，我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦： v-model 指令帮我们简化了这一步骤： 另外，v-mode