美文网首页
vue2.0基础-简介(一)

vue2.0基础-简介(一)

作者: 虚竹梦姑 | 来源:发表于2017-05-02 23:25 被阅读0次

    一、 Vue.js是什么?

    Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。

    二、 Vue.js有什么特性?

    Vue.js的特性主要有以下几个方面:

    1.简洁性

    2.轻量级

    3.快速高效

    4.数据驱动

    5.模块友好

    6.组件化

    三、Vue.js和Angularjs和React.js有什么区别?

    3.1 前端这几年的发展迅速,主要可以从四个方面进行划分。

    1.开发语言

    目前最牛逼最火爆的还是JavaScript这门老不死的语言,但是随着技术的发展,也有很多的语言涌现出来。比如coffeeScript、typeScript、Dart等等...

    2.开发框架

    目前企业中用的最多的也不好说,但是肯定的是在2016年中最火爆的前端框架就是Vue.js。还有其他的一些框架比如: 一个千年王者(jQuery),Angular.js1.x,Angularjs2.x,React.js等等...

    3.开发工具的丰富和前端工程化

    比如Grunt,Gulp,Webpack,npm,eslint,mocha这些技术

    4.前端开发范围的扩展

    如服务端的nodejs,express,koa,meteor,GraphQL;移动端和跨平台的PhoneGap,ionic,ReactNative,Weex;计算机图形学和3维建模领域的WebGL(three.js等);可视化与数据分析领域的d3.js等;包括浏览器不断开放的更多新特性和接口比如svg,canvas,蓝牙,电池,本地存储,service worker,Houdini等新的API能力,以及像WASM这样的底层优化技术;

    3.2 就开发框架这块,Angular(1&2),React,Vue目前占据着主流地位而且会相持比较长的一段时间,所以这里对比一下这三门技术,以便之后的技术选型。

    1.数据流

    Angular.js和Vue.js都实现了双向数据绑定的功能,而React.js推崇的是单向数据流。Vue.js对于Angular.js有更好的性能,并且非常非常容易优化。

    2.视图渲染

    React.js采用了Virtual DOM的机制,但是也是需要进行优化的,Vue.js不使用Virtual DOM而使用真实的DOM作为模板,数据绑定到真实的节点。Vue.js有时性能会比React.js好很多,而且几乎不用手工优化。

    3.性能与优化

    性能方面,这几个主流框架都应该可以轻松应付大部分常见场景的性能需求,区别在于可优化性和优化对于开发体验的影响。Vue 的话需要加好 track-by 。React 需要 shouldComponentUpdate 或者全面 Immutable,Angular 2 需要手动指定 change detection strategy。从整体趋势上来说,浏览器和手机还会越变越快,框架本身的渲染性能在整个前端性能优化体系中,会渐渐淡化,更多的优化点还是在构建方式、缓存、图片加载、网络链路、HTTP/2 等方面。

    4.模块化与组件化

    Vue.js结合了Angular.js1.x中的双向数据绑定,同时又结合了的React.js中的组件化思想,指令和组件分得更加清晰。

    四、为什么要学习Vue.js?

    它能让团队书写用js更容易并且简化了js。上手Vue.js是相当容易的。它的源码有着很高的可读性,如果你需要仅用他的文档便可入门。你不必使用任何额外的库。如果需要可以和jQuery协同工作。他有许多的插件,但并非必须。我个人很喜欢优雅的Vue.js。用Vue.js配合已存在代码是十分简单的。

    最最最重要的是它的作者是中国的,中国的,中国的。(尤雨溪,目前就职于阿里巴巴weex团队)

    相关文章

      网友评论

          本文标题:vue2.0基础-简介(一)

          本文链接:https://www.haomeiwen.com/subject/zbthtxtx.html