本指南假定你已经阅读了 组合式 API 简介和响应性基础。如果你不熟悉组合式 API，请先阅读这篇文章。在 Vue Mastery 上观看关于生命周期钩子的免费视频你可以通过在生命周期
本节使用单文件组件代码示例的语法本指南假定你已经阅读了组合式 API 简介和响应性原理。如果你不熟悉组合式 API，请先阅读这篇文章。#参数使用 setup 函数时，它将接受两个参
提示在阅读文档之前，你应该已经熟悉了这两个 Vue 基础和创建组件。在 Vue Mastery 上观看关于组合式 API 的免费视频。通过创建 Vue 组件，我们可以将接口的可重复部分及其功能
本节使用单文件组件语法作为代码示例#计算值有时我们需要依赖于其他状态的状态——在 Vue 中，这是用组件计算属性处理的，以直接创建计算值，我们可以使用 computed 方
#声明响应式状态要为 JavaScript 对象创建响应式状态，可以使用 reactive 方法：import { reactive } from 'vue'// 响应式状态const state = reactive({ count: 0})reactive
现在是时候深入了！Vue 最独特的特性之一，是其非侵入性的响应性系统。数据模型是被代理的 JavaScript 对象。而当你修改它们时，视图会进行更新。这让状态管理非常简单直观，不过理
插件是自包含的代码，通常向 Vue 添加全局级功能。它可以是公开 install() 方法的 object，也可以是 function插件的功能范围没有严格的限制——一般有下面几种： 添加
Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。让我们深入一
Vue 鼓励我们通过将 UI 和相关行为封装到组件中来构建 UI。我们可以将它们嵌套在另一个内部，以构建一个组成应用程序 UI 的树。然而，有时组件模板的一部分逻辑上属于该组件，而
#简介除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM
#基础混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合
Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢，比如： 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的 propert
目前为止，关于过渡我们已经讲到： 单个节点 同一时间渲染多个节点中的一个那么怎么同时渲染整个列表，比如使用 v-for？在这种场景中，使用 <transition-group> 组件。在我们深入例子
在插入、更新或从 DOM 中移除项时，Vue 提供了多种应用转换效果的方法。这包括以下工具： 自动为 CSS 转换和动画应用 class； 集成第三方 CSS 动画库，例如 animate.css ； 在过渡钩
Vue 提供了一些抽象概念，可以帮助处理过渡和动画，特别是在响应某些变化时。这些抽象的概念包括： 在 CSS 和 JS 中，使用内置的 <transition> 组件来钩住组件中进入和离开 DOM。
