一个小白的vue之路（一）——关于vue的简单了解

前言：因为公司需要我开始学习vue框架，在此之前我没有接触过类似的前端框架，只是懂一些h5、css3还有js的基础语法，可以说是一个前端的小白。时至今日已经有一周多了，一些vue基础的东西都接触过了。现在我把我在学习过程中遇到的难点不懂的记录下来，希望对一些和我一样的初学者有所帮助，同时欢迎大家评论指导。接下来，我们话不多说进入正题！

关于vue的简单了解

在学习之前我们要先了解几个概念：单页面富应用、数据驱动页面、MVVM模式。还有我们需要对node.js、es6基础了解，这会对你对vue理解与使用有很大帮助。
单页面富应用：
一个后台管理网站（如下图）为例，我们传统的网站大多是个多页面应用程序，页面左侧导航与右侧页面之间的跳转大多是通过点击a标签在对应的iframe标签下加载所需页面这种方式完成的，页面会刷新。而现在页面不刷新也可以做到，例如vue/react框架。它们只是加载了index页面然后动态的往上挂载组件。

数据驱动页面：
vue是一个数据驱动页面的框架，这是它最大的特点。在以往的页面中我们都是用js/jquery通过获取dom元素对象然后根据数据作相应的操作。而现在vuejs帮我们封装了数据和dom对象操作的映射，我们只需要关心数据的逻辑处理，数据的变化就能够自然的通知页面进行页面的重新渲染。
MVVM模型：
vue.js的数据驱动就是通过MVVM这种框架来实现的。MVVM框架主要包含3个部分:model、view和 viewmodel。
Model:指的是数据部分，对应到前端相当于javascript对象
View:指的是视图部分，对应前端相当于dom
Viewmodel:就是连接视图与数据的中间件通讯
推荐：这是一边关于vue介绍比较好的文章——[(https://nb.mbd.baidu.com/5o6857s?f=cp)