Vue.js 详细介绍

一、引言

嘿嘿嘿，今天是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入门知识，以及在实战过程中所遇到的问题。

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

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

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