快速了解vue前端框架

什么是vue框架？

• 什么是vue
  官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。

• vue的特性
  vue 框架的特性，主要体现在如下两方面：
  ① 数据驱动视图
  在使用了 vue 的页面中，vue 会监听数据的变化，从而自动重新渲染页面的结构。
  好处：当页面数据发生变化时，页面会自动重新渲染！
  注意：数据驱动视图是单向的数据绑定
  ② 双向数据绑
  在填写表单时，双向数据绑定可以辅助开发者在不操作 DOM 的前提下，自动把用户填写的内容同步到数据源
  中。
  好处：开发者不再需要手动操作 DOM 元素，来获取表单元素最新的值

• MVVM
  ① 了解MVVM
  MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。MVVM 指的是 Model、View 和 ViewModel，
  它把每个 HTML 页面都拆分成了这三个部分。
  在 MVVM 概念中：
  Model 表示当前页面渲染时所依赖的数据源。
  View 表示当前页面所渲染的 DOM 结构。
  ViewModel 表示 vue 的实例，它是 MVVM 的核心
  ②MVVM的工作原理
  ViewModel 作为 MVVM 的核心，是它把当前页面的数据源（Model）和页面的结构（View）连接在了一起。
  当数据源发生变化时，会被 ViewModel 监听到，VM 会根据最新的数据源自动更新页面的结构
  当表单元素的值发生变化时，也会被 VM 监听到，VM 会把变化过后最新的值自动同步到 Model 数据源

• vue的版本
  当前，vue 共有 3 个大版本，其中：
  2.x 版本的 vue 是目前企业级项目开发中的主流版本
  3.x 版本的 vue 于 2020-09-19 发布，生态还不完善，尚未在企业级项目开发中普及和推广
  1.x 版本的 vue 几乎被淘汰，不再建议学习与使用
  总结：
  3.x 版本的 vue 是未来企业级项目开发的趋势；
  2.x 版本的 vue 在未来（1 ~ 2年内）会被逐渐淘汰