一起精读 Vue 官方文档吧！

精读 Vue 官方文档系列 🎉 组件的本质与作用 组件实际上就是一个独立的 Vue 实例。 组件的作用就是为了功能与 UI 的复用。 data 必须是一个函数 为了避免多个组件共享同一份响应式数据，V

精读 Vue 官方文档系列 🎉 双向数据绑定 Vue 通过 v-model 指令实现数据双向绑定。 双向数据绑定本质是一个 “语法糖”(Syntactic sugar)，它分别封装了“数据更新”与“事

精读 Vue 官方文档系列 🎉 监听事件 事件绑定 Vue 的事件是通过内联的方式在模板中进行绑定。 Vue 为绑定事件提供了专门的 v-on 指令，简写形式为 @ 指令的参数便是事件的名称。 表达式

精读 Vue 官方文档系列 🎉 v-for 迭代数组 v-for 可以将一个数组渲染成对应的一组列表。 使用格式如下： items 是原数组 item 当前迭代的元素 index 当前迭代元素的索引

精读 Vue 官方文档系列 🎉 v-if / v-else-if / v-else Vue 的条件判断指令。 条件分组判断 将 vue 条件指令添加到 <template> 元素上。实现对一组的元素进

精读 Vue 官方文档系列 🎉 介绍 v-bind 指令可以将样式数据绑定到 class 与 style 属性上，因为它们与普通的 HTML-Attribute 没有本质区别。 v-bind 指令专门

计算属性 替代复杂的模板表达式 将模板中复杂的表达式计算移动到计算属性中，让模板更易于维护。 计算缓存 计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值。也就是说

精读 Vue 官方文档系列 🎉 模板语法 Vue 模板采用了基于 HTML 的模板语法，底层会通过”渲染函数“将模板与响应式数据结合编译成”虚拟DOM“进行渲染。 如果你需要更自由灵活的模板能力，那么

精读 Vue 官方文档系列 🎉 创建实例 实例的属性、数据与方法 数据 只有在创建实例时为 data 对象添加的成员才会被加入到 Vue 的响应式系统中，成为响应式的值。 这些响应式的值，可以通过 v

精读 Vue 官方文档系列 🎉   👉   传送门 >>> Vue 是什么？ 读音(/vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 最容易的理解就是将 Vue 与 Angula

精读 Vue 官方文档系列 🎉   👉   传送门 >>> 状态过渡 状态就是数据，它包含了数值、颜色值、属性值等等，所以状态过渡指的就是数据本身的过渡动效。 Vue 推荐通过 “数据驱动，响应式更新

概述 Vue 会基于元素的状态变更（增、删、改）来应用过渡效果。 Vue 内置的过渡系统既可以支持纯粹的CSS，JavaScript 实现过渡，也可以结合第三方 CSS动画库 (Animation.c