前言：因為公司需要我開始學習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)