1 vue简介

Vue（读音：/Vjuː/）是一款用于构建用户界面的渐进式框架。
注意：“渐进式”是指在使用Vue核心库时，可以在核心库的基础上根据实际需要逐步增加功能

2 vue组成

(1) Model是指数据部分，负责业务数据的处理；
(2) View是指视图部分，即用户界面，负责视图处理；
(3) ViewModel用于连接视图与数据模型，负责监听Model或者View的改变。
注意：
1) Vue是基于MVVM模式的框架，MVVM主要包含Model(数据模型)、View(视图)和ViewModel(视图模型)；
2) View和Model不能直接通信，需借助ViewModel才能通信，ViewModel相当于一个观察者，监控着View和Model的动作，实现了View与Model的解耦；
3) ViewModel包含DOM Listeners和Data Bindings：
- DOM Listeners 用于监听View中DOM变化，并在DOM变化时通知Model做出相应的修改。
- Data Bindings用于监听Model中的数据变化，并在数据变化时通知View做出相应的修改。

3 vue特性

(1) 数据驱动视图：Vue会自动监听数据变化，并在数据更新时重新渲染页面。

(2) 双向数据绑定：数据变，视图自动更新；视图变（如用户输入），数据也同步更新。
(3) 指令：以v-开头(如 v-if、v-model)，用于给HTML元素添加特殊行为，分为内置指令和自定义指令。
(4) 插件：Vue支持插件扩展功能，常用插件包括Vue Router(路由)、Vuex(状态管理库)和Pinia(轻量级状态管理库)等，配置后即可使用。

4 vue版本

(1) Vue2：目前仍被广泛使用。
(2) Vue3：是Vue的最新版本，正逐步取代Vue2。
注意：Vue3兼容Vue2的大部分API和功能，同时引入了新特性，并移除了一些过时的功能。

5 Vue3优势

(1) 体积更小：采用按需编译的方式编译出来的文件体积比Vue2的小；
(2) 性能提升：运行速度比Vue2快1.5倍左右；
(3) 更好的TypeScript支持；
(4) 更强大的组件系统：提供丰富的组件；
(5) 组合式API：提供组合式API，能够更好地组合逻辑、封装逻辑、复用逻辑。