1、vue.js的简单介绍
Vue是什么
主流的渐进式JavaScript框架
什么是渐近式
可以和传统的网站开发架构融合在一起,例如可以简单的把它当作一个类似JQuery库来使用。也可以使用Vue全家桶框架来开发大型的单页面应用程序。
使用它的原因
vue.js体积小,编码简洁优雅,运行效率高,用户体验好.无Dom操作,它能提高网站应用程序的开发效率
什么场景下使用它
一般是需要开发单页面应用程序(SinglePageApplication,简称:SPA)的时候去用单页面应用程序,
如:网易云音乐https://music.163.com/因为Vue是渐进式的,Vue其实可以融入到不同的项目中,即插即用
vue.js的简单介绍
简单的vue案例:
<htmllang=“en”>
<metacharset=“UTF-8”>
<metaname="viewport"content=“width=device-width,initial-scale=1.0”>
<scriptsrc=“https://cdn.jsdelivr.net/npm/vue/dist/vue.js”>
<divid=“app”>
<inputtype="text"v-model=“msg”>
vue中数据:{{msg}}
vue.js的简单介绍
2、vue的发展历史
13年,在Google工作的尤雨溪,受到Angular的启发,从中提取自己所喜欢的部分,开发出了一款轻量框架,最初命名为Seed。
同年12月,这粒种子发芽了,更名为Vue,版本号是0.6.0。
2014.01.24,Vue正式对外发布,版本号是0.8.0。
发布于2014.02.25的0.9.0,有了自己的代号:Animatrix,这个名字来自动画版的《骇客帝国》,此后,重要的版本都会有自己的代号。
0.12.0发布于2015.06.13,代号DragonBall(龙珠),这一年,Vue迎来了大爆发,Laravel社区(一款流行的PHP框架的社区)首次使用Vue(我也是在这个论坛上认识Vue的),Vue在JS社区也打响了知名度。1.0.0Evangelion(新世纪福音战士)是Vue历史上的第一个里程碑。
同年,vue-router(2015-08-18)、vuex(2015-11-28)、vue-cli(2015-12-27)相继发布,标志着Vue从一个视图层库发展为一个渐进式框架。很多前端同学也是从这个版本开始成为Vue的用户。
2.0.0GhostintheShell(攻壳机动队)是第二个重要的里程碑,它吸收了React的VirtualDom方案,还支持服务端渲染。
就在不久前,Vue发布了2.6.0Macross(超时空要塞),这是一个承前启后的版本,因为在它之后,3.0.0也呼之欲出了。
vue.js的简单介绍
3、对比其他js框架vue.js的优势
Angular2009年诞生的,起源于个人开发,后来被Google收购了。
核心技术:模板和数据绑定技术,体验越来越差,走下坡路了。
React2013年5月开源的,起源于Facebook的内部项目,对市场上所有JS框架都不满意,于是自已写了一套。
核心技术:组件化和虚拟DOM技术。
使用情况:BAT级别的企业:React多>Angular>Vue.js
中小型公司:Vue.js更多一些,有中文文档学习成本低。