看懂了这些在学习vue

作为一名有追求的前端工程师，我们不管学习一门语言还是一个框架，要想把学好绝对不只是学它的用法，

比如 vue 为什么它的语法会那么简单，就能实现那么强大的功能？所以我们在学习的过程中一定要多学会

多问为什么，这样才能把一个知识学的更加的透彻。

首先我在学vue之前先问大家一些问题，看看大家能不能知道!

1.为什么要学习vue？

2.vue是什么？

3.vue为什么这么火？

4.什么是渐进式框架？

5.什么是mvvm？ 底层是怎么实现的？

……

这些问题是我学习vue之前问自己的问题，接下来就给大家来解释解释。

----------------------------------------------------------------------------------------------------------------
vue到底是什么？

简单来说：一个mvvm框架(库)

Vue.js是一款轻量级的以数据驱动的渐进式JavaScript 框架。
----------------------------------------------------------------------------------------------------------------
为什么要用vue？

1.组件化开发
2.双向数据绑定

vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、视图、数据和结构的分离、虚拟DOM、运行速度快

vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和dom，这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。
----------------------------------------------------------------------------------------------------------------
什么是渐进式框架？

在我看来，渐进式代表的含义是：主张最少。
每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。
比如说，Angular，它两个版本都是强主张的，如果你用它，必须接受以下东西：
- 必须使用它的模块机制- 必须使用它的依赖注入- 必须使用它的特殊形式定义组件（这一点每个视图框架都有，难以避免）

所以Angular是带有比较强的排它性的，如果你的应用不是从头开始，而是要不断考虑是否跟其他东西集成，这些主张会带来一些困扰。

比如React，它也有一定程度的主张，它的主张主要是函数式编程的理念，比如说，你需要知道什么是副作用，什么是纯函数，如何隔离副作用。它的侵入性看似没有Angular那么强，主要因为它是软性侵入。

Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念，也可以函数式，都可以，它只是个轻量视图而已，只做了自己该做的事，没有做不该做的事，仅此而已。
渐进式的含义，我的理解是：没有多做职责之外的事。

----------------------------------------------------------------------------------------------------------------
什么是MVVM？

model:数据和业务逻辑
view:负责界面和显示
viewModel:界面的逻辑和模型的封装

MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。
Vue.js 就是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewModel。 ViewModel负责连接 View 和 Model，保证视图和数据的一致性。

为了大家理解能够更好理解mvvm，附加几张图，了图就可以更好的理解mvvm的工作原理了。

\

----------------------------------------------------------------------------------------------------------------
Vue.js数据驱动的原理？

Vue.js数据驱动的原理在于View层的视图发生改变时，Vue会通过DOM Listeners来监听并改变Model层的数据。反之，当Model层的数据发生改变时，也会通过Data Bingings来监听并改变View层的展示。从而实现双向数据绑定的功能。
例如：jQuery通过操作DOM来改变页面的显示，而Vue通过操作数据来实现页面的更新与展示。这样我们就能很直观的理解数据驱动的意思了。

----------------------------------------------------------------------------------------------------------------
为什么vue会这么火？

关于这个问题，网上说法很多，我自己认为主要还是前些年大前端变革太快，而最近一年开始Vue.js+Webpack这个组合开始逐渐稳定下来了，而且已经有了很多中文资料。

对比它的竞争对手AngularJS，新旧版本项目无法平滑升级，变革太大让用户感觉不安稳。

而React本身主流推荐用的是JSX，需要额外学习一门语法（什么？学Vue.js还要学ECMAScript6？现在ECMAScript6是趋势，并不是因为Vue.js才要学的），并且React本身用的是render写法编写模版代码，这让很多用习惯了Smarty等后端模版引擎得人来使用感觉很不适应，现在看来React本身在中国一些论坛社区的火爆程度还是没有Vue.js高。

当然也并不是说除了Vue.js以外其他框架都很差。像知乎新版也是用React开发的，他还是有各自优秀的地方大家可以深入学习之后做出自己的判断。

转载于:https://www.cnblogs.com/2030xx/p/9933668.html