第一篇-后端人员学习vue

1.前言

现在基本都要求程序猿知识面广，引用一句经典的话：“不想当全栈的后台程序猿不是好攻城狮”。所以还是要多了解一些知识，每个菜鸟都有一个大牛梦，每个小白都有一个全栈梦，颤抖吧骚年。

---

2.前端框架

目前最火的三款前端框架：AngularJs、VueJs、ReactJs，各有各的社区和粉丝，很难说它们三个谁是最好用的，只能说各有各的使用场景、各有各的优势，比如AngularJs最大的优势是【依赖注入】、【控制器】等，而VueJs最大的优势是【视图组件化】，但是它们的共同点是：

1、都拥有双向数据绑定；
2、指令；
3、过滤器；
4、路由器等等。

---

3.VueJs的核心

官网对它的描述：通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
1、Vue的数据驱动：数据改变驱动了视图的自动更新，传统的做法你得手动改变DOM来改变视图，vuejs只需要改变数据，就会自动改变视图，一个字：爽。再也不用你去操心DOM的更新了，这就是MVVM思想的实现。
2、视图组件化：把整一个网页的拆分成一个个区块，每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。看下图：

可以记住：在Vue.js中，网页是可以看成多个组件组成的。

---

4.什么是MVVM?

虽然之前在AngularJs笔记中已经解释过MVVM的概念，但是鉴于Angular1之后的版本变化太大，很多为避免概念混淆，在这里还是重新梳理下比较好：

MVVM可以拆分成：View — ViewModel — Model三部分 ，看下面的视图：

---

5.总结

为了更好满足当前移动webapp项目的开发需求，MVVM框架诞生，而Vue.js便是这样的一种js框架，其两大核心：数据驱动和组件化。