🍎 Vue 的理解相关
在互联网的历史中,网页可以从不同的阶段来说明发展历史:
- 静态网页 / 石器时代:没有数据库,只展示文字和图片。直到 CGI 技术的出现可以通过 CGI Pearl 与数据库和文件系统交互。
- ASP、JSP / 文明时代。2005 年左右,出现微软的 ASP 和 JSP(Java Server Pages) 取代 CGI 技术,增强了 Web 客户端和服务端交互的安全性。缺点是不太灵活,因为 JSP 在服务端执行,通常返回客户端一个 HTML 文本,但是每次请求、获取数据、内容加载都需要服务器返回渲染之后的 DOM ,使得开发网站的灵活性大打折扣。
- JQuery、SPA 雏形 / 工业革命时代。随着移动设备普及,Backbone EmberJS AngularJS 这样一批前端框架随之出现。
- 百花齐放时代。工业时代提出的 SPA 模型随着 NODE 的兴起、服务端、各种工具、容器的飞速发展、前端 MVC MVVM 模式逐渐清晰、前端涌现了相当一批优秀的开源项目。
# 理解
Vue 是一款:
- 用于构建用户界面的 JavaScript 框架,也可以创建单页面应用(SPA)的 Web 应用框架。
- 基于标准 HTML 、 CSS 、 JavaScript 标准,提供声明式、组件化的编程模型,高效开发用户界面,旨在更好组织和简化 Web 应用的开发。
- Vue 关注的核心是 MVC 模式的是涂层,并且能方便地获取数据更新,通过组件内部特定的方法实现视图与模型的交互。
# Vue 核心特性
# 数据驱动 MVVM
模型层 Model: 负责业务逻辑与服务器端交互。
视图层 View: 负责将数据模型转化为 UI 展示出来。
视图模型层 ViewModel :用来连接 Model 和 View。
# 组件化
- 组件化就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模型,在 Vue 中每个
.vue
文件中都可以视为一个组件。 - 组件化的优势:
- 降低整个系统的耦合度,在保持接口不变的情况下,可以替换不同的组件完成需求。例如输入框可以替换为日历、事件、范围等。
- 调试方便,由于整个系统都是通过组件组合起来的,在出现问题的时候可以排除法直接移除组件或者根据报错的组件快速定位问题,因为组件之间低耦合,职责单一。
- 可维护性高。由于每个组件职责单一,并且组件在系统中是被复用的,所以对待吗进行优化可以获得系统的整体升级。
# 指令系统
指令是指带有 v-
前缀的特殊属性。
- 作用:当表达式的值发生改变时,将其产生的连带影响,响应式地作用于 DOM。
- 常用的指令:
- 条件渲染指令
- 列表渲染指令
- 属性绑定指令
- 事件绑定指令
- 双向数据绑定指令
# 跟传统开发的区别
- Vue 所有的界面事件都是只去操作数据,JQuery 操作 DOM;
- Vue 所有的界面变动,都是根据数据自动绑定出来的,JQuery 操作 DOM。
# 与 React 的区别
# 参考
编辑 (opens new window)
📢 上次更新: 2022/09/02, 10:18:16