vue3

什么是 pinia Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。 安装 Store 是什么？ Store (如 Pinia) 是一个保存状态和业务逻辑的实体，它并不与你的组

Vue 提供了 和 组件来处理元素进入、离开和列表顺序变化的过渡效果。但除此之外，还有许多其他制作网页动画的方式在 Vue 应用中也适用。这里我们会探讨一些额外的技巧。 基于 CSS class 的动

渲染机制 Vue 是如何将一份模板转换为真实的 DOM 节点的，又是如何高效地更新这些节点的呢？我们接下来就将尝试通过深入研究 Vue 的内部渲染机制来解释这些问题。 虚拟 DOM 你可能已经听说过“

什么是组合式 API？ 组合式 API (Composition API) 是一系列 API 的集合，使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它是一个概括性的术语，涵盖了以下方面的

概览 我们相信在 Web 的世界里没有一种方案可以解决所有问题。正因如此，Vue 被设计成一个灵活的、可以渐进式集成的框架。根据使用场景的不同需要，相应地有多种不同的方式来使用 Vue，以此在技术栈复

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

工具链 项目脚手架 Vite Vite 是一个轻量级的、速度极快的构建工具，对 Vue SFC 提供第一优先级支持。作者是尤雨溪，同时也是 Vue 的作者！ 要使用 Vite 来创建一个 Vue 项目

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

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

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

KeepAlive <KeepAlive> 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。 基本使用 默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化

<TransitionGroup> 与 <Transition> 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 J

基于状态变化的过渡和动画（常用） 内置组件: Vue 提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画： Transition 进入或者离开的动画 由 v-if 所触发的切换 由 v-sho

插件 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。 安装一个插件 在 main.ts 或者 main.js 中的入口文件内 一个插件可以是一个拥有 install() 方法的

自定义指令 vue 除了内置的制指令（v-model v-show 等）之外，还允许我们注册自定义的指令。 vue 复用代码的方式： 组件：主要是构建模块。 组合式函数：侧重有状态的逻辑。 自定义指令

什么是组合式函数 无状态逻辑的函数：它在接收一些输入后立刻返回所期望的输出。 比如 时间格式化的函数。 有状态逻辑的函数: 有状态逻辑负责管理会随时间而变化的状态。 比如 跟踪当前鼠标在页面中的位置。

Prop 逐级透传问题 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 props。 如果是多层级嵌套的组件，如何从一级传递到 3 级甚至更远呢。 若使用 props 则必须将其沿着组件链逐

插槽 Slots 插槽内容与出口 插槽内容可以是任意合法的模板内容，不局限于文本。例如我们可以传入多个元素，甚至是组件： 渲染作用域 插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模

透传属性 （透传 attribute） 什么是透传属性（透传 attribute）? 传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者是事件监听器，例如