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上。


 

学vue前需要学jquery吗 学vue需要学js吗_MVVM


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

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

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

 

5.  下一节内容

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