导航

概念

⭐️ Vue的优点？Vue的缺点？

双向数据绑定
- jQuery：主要通过手动操作 DOM 来更新界面，开发者需要手动查找 DOM 元素并更新数据。复杂项目中，随着页面的变化，可能需要手动管理多个状态。
- Vue：Vue 采用双向数据绑定（双向绑定常用于表单），它使用响应式数据模型，一旦数据发生变化，界面会自动更新。开发者只需要专注于数据的管理，Vue 会处理 DOM 更新。
虚拟DOM技术带来的性能优化
- jQuery：jQuery 直接操作 DOM，频繁的 DOM 操作在性能上可能会有瓶颈，特别是当更新频率较高时，性能不理想。
- Vue：Vue 内部使用虚拟 DOM，它会通过最小化的 DOM 更新来提高性能。Vue 还提供了许多性能优化手段，如懒加载、按需加载等。
工具库 vs 框架
- jQuery：jQuery 提供了大量的插件和扩展，但它不是一个完整的前端框架，只是一个工具库，开发者通常还需要借助其他库来进行复杂的功能开发。
- Vue：Vue 是一个完整的前端开发框架，提供了Vue Router（路由）、Vuex（状态管理）、Vue CLI（构建工具）等工具，并且拥有一个强大的生态系统，开发复杂的单页应用更加便捷。

MVC 是后端的分层开发概念
- Model 负责从数据库中取数据
- View 负责展示数据
- Control 负责从 Model 中获取数据渲染到 View ，负责用户交互（e.g. 点击事件）
- 思想：Controller将Model的数据展示在View上
MVVM 是前端视图层的概念，主要关注视图层分离，也就是说，MVVM把前端的视图层，（每个页面）都分为了三部分：
- Model 取数据的地方
- View 展示数据的地方
- VM ModelView 数据双向绑定
- 思想： View 和 Model 实现数据同步，不需要手动更新
  - VM提供了数据的双向绑定
  - 注意：Vue不严格符合MVVM，因为MVVM规定Model和View不能直接通信，而Vue可以使用ref进行通信

后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源
前端路由：对于单页面应用程序来说，主要通过URL中的**hash(#号)**来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash（锚点）实现
在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）