Vue

Vuex >> 是一个专为 Vue.js 应用程序开发的 状态管理模式 + 库。它采用 集中式 存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

Vue Router >> 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置等等。

在 Vue 2 中，mixin（混合） 是将部分组件逻辑抽象成可重用块的主要工具。但是，他们存在一些题，比如容易冲突、可重用性有限等等。

这里只是分门别类的去汇总 Vue 相关的一些UI库，每个UI组件库的使用请自行点击下方链接进入文档查阅。本章节会不定时更新~

组件是带有名称的可复用实例， 是 Vue 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue 的编译器为它添加特殊功能。

元素可动画属性的计算值产生变化时，需要以怎样的方式过渡到目标值。可以定义过渡时间和过渡函数来控制过渡动画的效果，默认行为是瞬间切换成变化后的结果，即无动画。

vue 除了内置的指令外（如 v-model、v-if、v-on 等等），也允许注册自定义指令。在 vue 中，代码复用和抽象的主要形式是组件。

你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。

计算属性（computed）主要是基于已有数据，计算另一种数据。如果计算属性依赖的数据发生变化，那么会重新计算。计算属性不能被修改，且不能在计算属性中做异步操作。

我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript。

过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理，我们也可以理解其为一个纯函数。 Vue 允许你自定义过滤器，可被用于一些常见的文本格式化。

列表渲染类似于 JavaScript 中的循环，通常如果我们需要渲染一张列表或者说布局一致仅仅只是内容不同的元素时，可以使用列表渲染。

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。

Vue 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。

Vue 的设计主要受到MVVM模型的启发，因此在官方文档中经常会使用 vm 这个变量名表示组件实例。

2020年09月18日， Vue.js 3.0 正式发布，目前，我在项目开发中，除了使用React之外，也在使用 Vue3。闲暇之余，为了加深自己对Vue的理解，同时作一个记录，特出此教程。