前言：最近在學習vue，感覺對vue+vuex+vue-router算是小小地入門了。想起前期最苦惱也是最費時的事，就是在每個階段找到合適當前水平的資源或者demo，所以本文我根據我自己的體驗，整理了一些資源，每個階段跨度都較平緩，應該能比較順暢地入門。
（以下鏈結後標明vue1的，表示博文及其demo是基於vue1，但原理基本是一樣的，可以根據對博文的理解，將其demo由vue1改寫為vue2，這樣正好也可加深理解。）
將官方文件的基礎部分過一遍，不用太究細節，但也最好每個例子都自己跟著寫一遍（元件部分不懂的先略過）。
根據以下的博文和其中的demo走一遍，對照官方文件，可基本了解元件的原理及使用。
（我將此部分的demo改寫為vue2版本，可參見元件demo之vue2版本）
此時，對vue的基礎知識基本有了了解，高階部分可粗略過一遍或者暫時不看，等以後用到的時候再查文件。
根據vue-router官方文件，結合以下博文，可基本了解vue-router的工作原理及應用。
此時，可開始接觸vue-cli，並將以上博文中的demo用vue-cli改寫（博文中有提供普通版本和vue-cli版本）
首先看一遍官方文件，下面這邊博文感覺寫的還比較容易理解
vuex中比較多的設計到了es6的知識，所以遇到不懂得可以先了解一下對應的es6語法：比如引數結構和模組。其實vuex弄懂之後再回頭想，發現其實很簡單，就那麼幾個核心的概念。
這時候，差不多對vue+vuex+vue-router就有了一定的了解，可以到github上找一些簡單的demo，跟著寫一寫，加深對知識的理解。文件裡的高階部分就可以碰到後去查查，慢慢就會知道的越來越多了！
vue2新人入門
預設對webpack，sass，npm有一定的了解。一些vue指令不會說，反正官方文件有，我也懶得抄。一 超級基礎部分 1.全域性安裝 npm install globall vue cli 已全域性安裝了的不必安裝 2.建立乙個基於webpack的模板專案 vue init webpack 你的專...
通俗易懂 快速入門Vue 2
vm為乙個例項，當執行vm.destory 就會銷毀這個例項。這樣通過修改資料vm.data.message 123 頁面不會有相應的變化 或 或 var vm new vue var vm new vue computed methods watch lastname function compu...
vue2計算屬性 方法 及偵聽筆記
1.計算屬性 基於它們的依賴進行快取。只有在依賴發生變化時，計算屬性才會重新求值。const vm new vue computed 2.方法 每當觸發事件時，呼叫方法總是會執行函式。對於乙個需要對巨大陣列進行計算的情況，不管資料改變與否，都要執行一次方法，顯然效能不佳。const vm new v...