vue,angular 和 react 这三者框架的区别是什么? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
对比他们 , 你就必须要先理解他们三个的定义, 用途, 优缺点. 现在我就大概的介绍一下.
首先, 了解 Vue, 你肯定得知道一个人, 那就是 Vue 的创作者尤雨溪. Vue 呢, 它是一个 "MVVM 框架 (库)", 比较容易上手, 是一套用于构建用户界面的渐进式框架. 与其它大型框架不同的是, Vue 被设计为可以自底向上逐层应用. 提到了 MVVM, 我就再说一下它是个什么.
提到 MVVM 就又得说一下 MVC,
m model 模型 指 数据
v view 试图 指 页面
c constroller 控制器 指 业务逻辑 (简单的理解就是一个流程, 主页面 -- 筛选 --- 购买种类 -- 数量 -- 购买)
总结 从页面触发, 首先客户在页面进行, 向 c 请求自己需要的数据, c 再向 m 请求数据
m 把数据传给 c c 再传向页面
m v vm 数据 页面 组件 在 mvc 基础上, 把每块的功能拆分开, 更容易维护和使用
MVVM 是真正将页面与数据逻辑分离的模式, 在开发模式上, 它是真正将前台代码开发者与后台代码开发者分离的模式.
Vue 的核心库只关注视图层, 不仅易于上手, 还便于与第三方库或已有项目结合. Vue 的目标是通过尽可能简单的 API 实现 "响应的数据绑定" 和组合的视图组件.
下面咱们开始 react,
React 呢, 是一个采用声明式, 高效而且灵活的用来构建用户界面的框架. 以 redux 为状态管理. 使用 jsx 渲染页面.
因为对 angular,reactu 是特别懂, 所以, 现在我介绍三者区别, 有精通两者的, 希望可以给我讲解.
vue 与 angular 的区别呢
vue 简单小巧, 运行速度都比 angular 快,
这两个绑定都可以用 {{}};
vue 的指令是 v-xxx;angular 的指令是 ng-xxx;
vue 的数据放在 data 这个对象中, angular 数据绑定在 $scrope 上;
vue 有组件化概念, angular 没有.
vue 与 React 的区别
都是用虚拟 DOM;
都提供了响应式和组件化的视图组件;
注意力都集中保持在核心库;
都有配套的路由和负责处理全局状态管理的库;
React 使用 JSX 渲染页面, vue 使用简单的模板;
vue 运行的速度更快.
上面提到了响应式和组件化, 我也大概的介绍一下这两个,
响应式
自适应响应式布局, 从最早的不同分辨率的屏幕, 到现在遍布各个生活角落的移动设备, 响应式布局已经成了几乎所有互联网公司必备的条件. 在我的映像中, Bootstrap 一直是响应式的头号选择, 的确, 其中的各种 xl,xs, 栅格布局让响应式变得很容易.
话说, 这 Vue 做响应式, 其实一点都不复杂: 一个生命周期钩子, 一个条指令, 一套 JS 判断语句解决.(时间问题, 下次写例子)
组件化
因为现在移动端的兴起, 前端页面的逻辑已经变得很重了, 一个页面的代码超过 5000 行的场景渐渐增多, 作为一个程序员我也很是苦恼, 这个时候页面的维护便会很有问题, 牵一发而动全身的事情会经常发生, 为了解决这个问题, 便出现了前端组件化, 这个组件化就不是 UI 组件了, 而是包含具体业务的业务组件.
这种开发的思想其实也就是分而治之 (最重要的架构思想, 一切都是组件),App 分成多个频道由各个团队维护, 频道分为多个页面由几个开发维护, 页面逻辑过于复杂, 便将页面分为很多个业务组件模块分而治之, 这样的话维护人员每次只需要改动对应的模块即可, 以达到最大程度的降低开发难度与维护成本的效果, 所以现在比较好的框架都会对组件化作一定程度的实现.
总结:
vue | React | angular | |
---|---|---|---|
控制器 | 无 | 无 | 有 |
过滤器 | 无 | 无 | 有 |
指令 | 有 | 无 | 有 |
渲染指令 | 有 | 无 | 有 |
数据绑定 | 双向 | 单向 | 双向 |
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/angular-js/16987.html