码迷,mamicode.com
首页 > Web开发 > 详细

Vue.js 实战教程 V2.x(2)Vue.js简介

时间:2019-08-17 14:35:14      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:框架   imm   语法   使用   面积   native   href   css   from   

 技术图片

2.1 Vue.js概述
Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架。
 
 
 
技术图片

 
Vue.js官网的截图(2019年7月)
 
 
 
易用
会HTML、CSS、JavaScript就可以构建应用。 
 
灵活
可以在一个库和一套完整框架之间自如伸缩。
 
高效
20kB运行大小,超快虚拟 DOM,最省心的优化
 
2.2与React对比
 
 
技术图片

 
React官网的截图(2019年7月)
 
 
 
性能
React 和 Vue 都是非常快的。
 
优化
在 Vue 应用中,组件的依赖是在渲染过程中自动追踪的,所以系统能精确知晓哪个组件确实需要被重渲染。Vue 的这个特点使得开发者不再需要考虑此类优化,从而能够更好地专注于应用本身。
 
HTML & CSS
在 React 中,一切都是 JavaScript。不仅仅是 HTML 可以用 JSX 来表达,现在的潮流也越来越多地将 CSS 也纳入到 JavaScript 中来处理。Vue 的整体思想是拥抱经典的 Web 技术,并在其上进行扩展。
 
向上扩展
Vue 的路由库和状态管理库都是由官方维护支持且与核心库同步更新的。React 则是选择把这些问题交给社区维护,因此创建了一个更分散的生态系统。但相对的,React 的生态系统相比 Vue 更加繁荣。
 
最后,Vue 提供了 CLI 脚手架,能让你通过交互式的脚手架引导非常容易地构建项目。你甚至可以使用它快速开发组件的原型。React 在这方面也提供了 create-react-app。
 
向下扩展
React 学习曲线陡峭,在你开始学 React 前,你需要知道 JSX 和 ES2015,因为许多示例用的是这些语法。
 
就像 Vue 向上扩展好比 React 一样,Vue 向下扩展后就类似于 jQuery。
 
原生渲染
React Native 能使你用相同的组件模型编写有本地渲染能力的 APP (iOS 和 Android)。能同时跨多平台开发,对开发者是非常棒的。
 
相应地,Vue 和 Weex 合作,Weex 允许你使用 Vue 语法开发不仅仅可以运行在浏览器端,还能被用于开发 iOS 和 Android 上的原生应用的组件。
 
2.3与Angular对比
 
 
技术图片

 
Angular官网的截图(2019年7月)
 
TypeScript
Angular必须用 TypeScript 来开发。
 
在中小型规模的项目中,用 Vue 会是更好的选择。
 
性能
这两个框架都很快。
 
体积
在体积方面,一个包含了 Vuex + Vue Router 的 Vue 项目 (gzip 之后 30kB) 相比使用了这些优化的 angular-cli 生成的默认项目尺寸 (~65KB) 还是要小得多。
 
灵活性
Vue 相比于 Angular 更加灵活。
 
学习曲线
要学习 Vue,你只需要有良好的 HTML 和 JavaScript 基础。
 
Angular 的学习曲线是非常陡峭的——作为一个框架,它的 API 面积比起 Vue 要大得多,你也因此需要理解更多的概念才能开始有效率地工作。当然,Angular 本身的复杂度是因为它的设计目标就是只针对大型的复杂应用;但不可否认的是,这也使得它对于经验不甚丰富的开发者相当的不友好。
 
欢迎观看视频教程:https://ke.qq.com/course/432961?tuin=36914f34,如有疑问,请加QQ群665714453交流讨论。 

Vue.js 实战教程 V2.x(2)Vue.js简介

标签:框架   imm   语法   使用   面积   native   href   css   from   

原文地址:https://www.cnblogs.com/daqiang123/p/11368370.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!