Vue.js基础教程（1）--Vue.js介绍

1.  前置知识

在学习某一个框架之前，比不可少的就是基础知识，对于Vue.js来说，需要具备的学习条件有：HTML,CSS,JS,Node.js。其中，HTML,CSS,JS作为前端开发必不可少的知识，是必须需要掌握的，如果不具备相应的知识，笔者十分不建议继续往下学习。

而对于Node.js，在一开始的基础学习中，可以先不用考虑，但是在后面使用Vue cli 开发项目的时候，我们便会需要Node.js相关的知识，其中包括有如何安装Node.js环境，如何配置Node.js,如何使用npm命令去搭建Vuecli，如何运行和调试Vue.js项目等。这些相关的知识等到需要的时候我们在一一进行讲解。

2.  Vue.js介绍

Vue.js是一套用于构建是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用，Vue 的核心库只关注视图层。也就是说，Vue.js本质就是一个前端框架，和之前的Jquery.js类似，但是设计思想是完全不一样的。

3.  什么是MVVM框架

MVVM框架本质就是MVC 的改进版。在MVVM中，进一步将View 的状态和行为抽象化，从而让视图 UI 和业务逻辑分开。MVVM模型中的核心思想就是“数据模型数据双向绑定”，因此在View和Model之间没有联系，通过ViewModel进行交互，而且Model和ViewModel之间的交互是双向的，因此视图的数据的变化会同时修改数据源，而数据源数据的变化也会立即反应到View上。

 

4.  Vue.js和Jquery.js的对比

Jquery使用选择器获取到Dom对象后，可以对其进行赋值，取值，事件绑定的操作,Jquery和原生JS操作的区别是更加方便开发者去获取和操作Dom对象，页面和数据是绑定在一起的。

Vue.js是通过Vue对象将数据和View分离开，我们对数据的操作不再需要获取到Dom对象，可以直接对数据进行操作，这就是MVVM框架。

 

5.  下一节内容

在下一节的内容中，笔者将会和大家介绍如何使用Vue.js编写一个最基本的HelloWorld案例。

 

 

参考资料：

Vue.js官网介绍：https://cn.vuejs.org/v2/guide/

MVVM简介与运用：https://blog.csdn.net/chun_long/article/details/52086565

Jquery和vue对比：https://www.cnblogs.com/MR-YY/p/6898464.html