Vue.js 详细介绍

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_38111957/article/details/87892249

一、引言

嘿嘿嘿,今天是2019年2月23号,这个年也算是过完了。小编也要渐渐的恢复以往写博客的习惯,新的一年公司在项目架构上有了很大的变化。从之前的SSM换成了Spring cloud分布式架构,也终于采用了小编期待已久的前后端项目分离。

但是呢,公司人手不是特别的充足,前端的大佬只有一个,小编就被充其量拉过去写页面了。正好,小编在19年的目标了也包括需要学习前端一些技术。

那么今天就开启对Vue.js一个新的启程。

二、近年来前端开发的趋势

下图旧的浏览器被逐渐淘汰指的是:IE6~IE8 ,这些浏览器是不支持ES5特性的。而我们今天所需要学习的Vue是利用了ES5的特性来实现的。比如说IE9+、Chrome、Safari、Firefox都是完全支持ES5的特性的,而移动端浏览器大部分都是基于Webkit内核实现的,ES5也是在移动端全面支持的,所以Vue能在PC端、移动端大展身手。

相信大家也看过一些页面效果炫酷、交互功能复杂的网页,很多网页也就是交互多、功能复杂。也说明我们现在前端开发的水平也在不断的提高,也就证明了为什么前端工程师的工资也在不断的提升。

三、什么是MVVM框架?

Vue.js 是一款MVVM框架,当然除了Vue.js,还有Angler、React也都是MVVM框架。

MVVM框架包括:View(视图) —— ViewModel —— Model(数据)

在MVVM框架下,视图和数据是不能直接进行交互的,通常都是通过ViewModel来进行通讯。而ViewModel需要实现一个观察者,来监听我们数据的一个变动,并且通知对应的视图进行改变。当我们用户来操作视图ViewModel也需要通知对应的数据来做持久化操作,这也是所谓数据的双向绑定。

MVVM框架可以针对复杂交互逻辑的前端应用可以提供基础的架构抽象,并且可以通过Ajax数据持久化,保证前端用户体验。

四、Vue官方介绍

Vue的开发者大家可能都不知道,是一位国内的大神写的,最起初只是一个个人项目,只到慢慢发展至今,而开发Vue的大神他叫:尤雨溪,具体的详细介绍可以参考下这篇文章,文章介绍了作者以及开发Vue的一些经历。 点我查看

Vue最起初的定义并不是框架,而随着一些Vue router、Vue resource的第三插件推出,Vue.js已经成为一款框架了。

Vue,它是一款轻量级MVVM框架,主要是数据驱动+组件化的前端开发。包括Vue在Github上也是特别火的。

Vue的官方地址。点我查看

Vue的Github的地址在这,有兴趣的小伙伴也可以看下。点我查看

Vue的论坛,在实际开发过程中遇到问题等等一些都可以在论坛中交流。点我查看

五、对比Angler、React

Vue.js更轻量,gzip后大小只有20k+,而我们的Angler有56k、React也有44k,所以对于前端来说vue.js更加适合。

Vue.js更容易上手,学习曲线平稳。而Angler是一群搞Java的技术人员开发的,所涉及到的思想也就沿用到java,比如说依赖注入等,所以新手来说不容易上手。React也有它自己的一套语法,学习也不是特别容易。而对Vue.js 开发的语法比较符合人之常情,也有相当应的详细学习文档。点我查看

开发Vue的人也是特别聪明的,借鉴了angler的指令和react的组件化,而Vue也有很多自己的特点是Angler和react没有的。

 

六、最后

既然小编想前端内容,后续也会出Vue.js入门知识,已经在实战过程中所遇到的问题。

大神的成长之路不是一天就是走完,而是需要长期的积累,而我们身为程序员这个职业,就更需要抱有学习的心态。

学习市场潮流的技术,才能不会被轻易的淘汰。

好了,小编今天就说到这啦,撒哟啦啦。

猜你喜欢

转载自blog.csdn.net/weixin_38111957/article/details/87892249
今日推荐