作家
登录

vue.js与其他前端框架的对比

作者: 来源: 2017-09-28 09:53:01 阅读 我要评论

而不合之处是在于它们若何接洽关系它们各自的配套框架。Vue的核心团队保护着vue-router和vuex,它们都是作为官方推荐的存在。而React的react-router和react-redux则是由社区成员保护,它们都不是官方保护的。

模板 vs JSX

React与Vue存在很多类似之处,例如他们都是JavaScript的UI框架,专注于创造前端的富应用。不合于早期的JavaScript框架“功能齐备”,Reat与Vue只有框架的骨架,其他的功能如路由、状况治理等是框架分别的组件。

Virtual DOM

React与Vue最大年夜的不合是模板的编写。Vue鼓励你去写近似惯例HTML的模板。写起来很接近标准HTML元素,只是多了一些属性。

这些属性也可以被应用在单文件组件中,尽管它须要在在构建时将组件转换为合法的JavaScript和HTML。

Vue鼓励你去应用HTML模板去进行衬着,应用类似于Angular风格的办法去输出动态的内容。是以,经由过程把原有的模板整合成新的Vue模板,Vue很轻易供给旧的应用的进级。这也让新来者很轻易适应它的语法。

React推荐你所有的模板通用JavaScript的语法扩大——JSX书写,不过这对于传统的前端开辟人员须要响应的进修。同样的代码,用JSX书写的例子如下:

React/JSX乍看之下,认为异常烦琐,但应用JavaScript而不是模板来开辟,付与了开辟者很多编程才能。

状况治理 vs 对象属性

如不雅你对React熟悉,你就会知道应用中的状况是(React)关键的概念。也有一些配套框架被设计为治理一个大年夜的state对象,如Redux。此外,state对象在React应用中是弗成变的,意味着它不克不及被直接改变,在React中你须要应用setState()办法去更新状况。

(1)模块化,今朝最热的方法是在项目中直接应用ES6的模块化,结合Webpack进行项目打包

在Vue中,state对象并不是必须的,数据由data属性在Vue对象中进行治理。

而在Vue中,则不须要应用如setState()之类的办法去改变它的状况,在Vue对象中,data参数就是应用中数据的保存者。

不过恶心的是React出了一个霸王条目:Facebook拒修改React开源许可

Angularjs

Vue 的一些语法和 AngularJS 的很类似 (例如 v-if vs ng-if)。因为 AngularJS 是 Vue 早期开辟的灵感来源。然而,AngularJS 中存在典范多问题,在 Vue 中已经获得解决。

Angular

1,MVVM(Model)(View)(View-model)
2,模块化(Module)控制器(Contoller)依附注入:
3,双向数据绑定:界面的操作能及时反竽暌钩到数据,数据的变革能及时展示到界面。
4,指令(ng-click ng-model ng-href ng-src ng-if...)
5,办事Service($compile $filter $interval $timeout $http...)

React 和 Vue 有很多类似之处,它们都有:

  • 应用 Virtual DOM
  • 供给岭锾螃式 (Reactive) 和组件化 (Composable) 的视图组件。
  • 将留意力集中保持在核心看维而将其他功能如路由和全局状况治理交给相干的库。

个中双向数据绑定的实现应用了$scope变量的脏值检测,应用$scope.$watch(视图到模型),$scope.$apply(模型到视图)检测,内部调用的都是digest,当然也可以直接调用$scope.$digest进行脏检查。值得留意的是当数据变更十分频繁时,脏检测对浏览器机能的消费将会很大年夜,官方注明的最大年夜检测脏值为2000个数据。

Vue

vue.js官网:是一套构建用户界面的 渐进式框架。与其他重量级框架不合的是,Vue 采取自底向上增量开辟的设计。Vue 的核心库只存眷视图层,并且异常轻易进修,异常轻易与其它库或已有项目整合。另一方面,Vue 完全有才能驱动采取单文件组件和 Vue 生态体系支撑的库开辟的复杂单页应用。

Vue.js 的目标是经由过程尽可能简单的 API 实现响应的数据绑定和组合的视图组件。


(2)组件化,创造单个component后缀为.vue的文件,包含template(html代码),script(es6代码),style(css样式)
(3)路由,
vue异常小巧,紧缩后min源码为72.9kb,gzip紧缩后只有25.11kb,想比Angular为144kb,可以自驾搭配应用须要的库插件,类似路由插件(Vue-router),Ajax插件(vue-resource)等

下面大年夜几个方面来比较一下Vue.js和Angular.js的差别


  推荐阅读

  解读:利用机器学习技术抵御未来网络威胁

在我们很多人的眼中,机械无需仁攀类教受便可以或许自立进修是科幻小说或片子中的情节。而科幻片子给我们留下的印象往往是险恶计算机妄图统治世界。但当人工智能和机械进修成为我们生活中的一部分,并且>>>详细阅读


本文标题:vue.js与其他前端框架的对比

地址:http://www.17bianji.com/lsqh/37643.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)