认识Vue

什么是 Vue

Vue.js 是一套用于构建用户界面的渐进式 JavaScript 框架，也是一个创建单页应用的 Web 应用框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还非常容易与第三方库或既有项目整合。

相对于 Angular 来说，Vue 更加灵活，它可以让你以期望的方式组织应用程序，而不是任何时候都必须遵循 Angular 制定的规则。且它仅是一个视图层，所以你可以将它嵌入一个现有页面，而不一定要做成一个庞大的单页应用。

Vue有什么特点

• 易用：Vue 只聚焦于视图层，非常容易学习和使用。
• 灵活：不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。
• 高效：20kB min+gzip 运行大小，超快虚拟 DOM，最省心的优化。

Vue的MVVM模式

Vue.js 的核心特点就是 MVVM 设计模式，可以分为三个部分：

• M：即 Model 模型层，指的是数据部分，主要负责业务数据相关。
• V：View 视图层，指的是视图部分，负责视图相关，也就是 HTML+CSS 层。
• VM：ViewModel 视图模型，V 与 M 连接的桥梁，就是连接视图与数据的中间件，相当于一个控制器，负责监听 M 或者 V 的修改，实现数据的双向绑定。

Vue中的组件

组件是 Vue 最为强大的特性之一，为了更好地管理一个大型的应用程序，往往需要将应用切割为小而独立、具有复用性的组件。在 Vue 中，组件是基础 HTML 元素的扩展，可方便地自定义其数据与行为。

Vue中的模板

Vue 使用基于 HTML 的模板语法，允许开发者将 DOM 元素与底层 Vue 实例中的数据相绑定。所有 Vue 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应式系统，在应用状态改变时，Vue 能够智能地计算出重新渲染组件的最小代价并应用到DOM 操作上。