Vue是什么
Vue是一套构建用户界面的渐进式JavaScript框架
构建用户界面
拿到手的数据用某种方式把数据展示到合适的位置，让用户能够看得到
渐进式
逐渐、递进；本身的Vue是很小的，为轻量级，提供基本基础功能，但是它可以提供各种更高级的插件来完成其他各种的功能
简单应用：只需要一个轻量小巧的核心库
复杂应用：可以引用各式各样的Vue插件
框架
可以理解为抽象出来的一套现成、较为完整的解决问题的方案，但并不是完全健全贴合项目的，只是一个半成品，使用框架就必须遵守框架的规范去编写自己的业务功能
Vue2还是Vue3
Vue2特点
最终最新⻓期稳定版本：2.7.16
生态系统完备，文档参考⻬全
Vue的特点
Vue的主要特点包括组件化、数据驱动和虚拟DOM<br>
响应式编程
⭕数据驱动视图：<br>在使用Vue的⻚面中，Vue会监听数据的变化，从而驱动视图自动重新渲染⻚面的结构<br><br>优点：当页面结构发生变化的时候，页面会自动重新进行渲染<br><br>❗<b><font color="#e74f4c">数据驱动视图是单向的数据绑定</font></b>
⭕双向数据绑定：<br>Vue最主要的特点之一就是双向的数据绑定<br>Vue应用的是一个响应式的数据绑定，在建立绑定后，DOM将和Vue对象中的数据保持同步<br>
两个方向上：<br>JS业务逻辑中数据的变化，会自动渲染到页面上⻚面上表单采集的数据发生变化时，<br>会被Vue自动获取到，并更新到JS业务逻辑数据之中<br>
双向数据绑定<br>例如，在填写表单的时候，双向数据绑定可以帮助开发人员在不操作DOM的前提下，<br>自动把用户填写的内容同步到数据源中
组件化开发：
将任意封装好的代码注册成标签，以提高代码的复用，<br>即允许将网⻚功能进行封装自定义HTML标签，复用时书写自定义标签名即可，<br>同时，组件不仅可以封装结构，还可以封装样式与逻辑代码，<br>大大提交了开发效率与可维护性
应用指令：
指令主要包括内置指令和自定义指令，指令提供了一些特殊的特性，<br>将指令绑定在元素上时，指令会给绑定的元素添加一些特殊的行为,<br>Vue当中提供了一系列不同功能的指令，特点是都是以`v-`开头
插件化开发：
可以非常方便地加载对应的插件来实现路由、Ajax和状态管理等功能
MVVM
MVVM是MVC逐渐演化出来的各种形态中的一种，属于“MV*”模式
其中组成：<br><ul><li>M：Model，模型</li><li>V：View，视图</li><li>VM：ViewModel，视图-模型，起到桥梁的作用：</li></ul><span style="font-size: inherit;"> 它响应用户事件并向模型层发送请求</span><br><span style="font-size: inherit;"> 模型层返回的数据通过它数据绑定在视图中显示</span><br>
MVVM工作原理：
ViewModel作为MVVM的核心，是它把当前⻚面的数据源（Model）和⻚面结构（View）连接在了一起
当数据发生改变时，会被ViewModel监听到，VM会根据最新的数据源自动更新⻚面的结构
当表单元素的值发生变化时，也会被ViewModel监听到，VM会把变化过后最新的值自动同步到Model数据源中
❗MVVM是Vue实现数据驱动视图和双向数据绑定的核心原理
初试用Vue
实现的步骤总结
①引入Vue的脚本文件
②准备好需要使用Vue的容器，也就是在⻚面中声明一个将要被Vue所控制的DOM区域
③创建一个对应的Vue实例对象，并传入配置对象
④书写需要的Vue相关的模板代码
相关代码：
