如果你是一名 vue 開發新手，可能已經聽過很多行話術語，比如單頁面應用程式、非同步元件、伺服器端渲染等等，或者還聽說過與 vue 有關的一些工具和庫，比如 vuex、webpack、vue cli 和 nuxt。
那麼究竟什麼是vue，有什麼作用？
每週分享技術文章、優質軟體資源
vue.js是一套用於構建使用者介面的漸進式框架，主要用於快速的構建前端介面，與其它大型的前端框架不同，vue被設計為可以自底向上逐層應用。相比angular.js來說，vue的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合，是初創專案的前端首選框架。作為乙個新興的前端框架，vue.js大量借鑑和參考了angular.js和react.js等優秀的前端框架。而在版本支援上，vue.js拋棄了對ie8的支援，對移動端的支援也有一定的要求，也就是說使用vue.js進行移動跨平台開發時需要android 4.2+和ios 7+支援。
vue在mvvm模式中，充當的是viewmodel，就是用於處理資料互動與相應
言歸正傳，要入門vue需要掌握哪些吶，這是**君繪製的結構圖
根據架構圖，我們可以知道vue架構的搭建需要學會哪些知識！
首先，在學習vue.js的前提是掌握了 html/js/css，這塊應該沒什麼難度，大家很容易就能掌握。
接下來需要掌握es6, 這是大前提一定要懂，一定要懂，一定要懂， 推薦閱讀阮一峰的 es6入門，基礎這裡必須掌握，否則也沒必要往下閱讀，因為沒學會走路就想跑，很容易摔倒！
《ecmascript 6 入門教程》pdf版
es2015簡介和基本語法
view 就是ui介面，實現基本是html+css，當然了，目前也有主流的ui元件庫，我們只需要站在巨人的肩膀進行開發，可以更加高效。
####移動端ui元件庫：有讚出品的vant
####pc端ui元件庫：餓了麼出品的element
components 就是元件，你可以這麼理解，乙個view 可以由多個components元件構成，比如乙個列表頁，可以由頭部元件+列表元件+尾部元件，構成乙個介面，作為新手，元件化可以先放一下，先學會利用成熟的元件庫，進行ui開發即可，新手通過現成的ui庫，會比較容易快速實現ui介面
vue router 是 vue.js 官方的路由管理器。它和 vue.js 的核心深度整合，讓構建單頁面應用變得易如反掌。包含的功能有：
對於新手來說，你只需要知道，路由router 用來分發請求對應跳轉的介面，比如使用者訪問**：http://localhost:8088/pagea , http://localhost:8088/pageb,我們需要根據請求路徑，通過路由的方式，配置跳轉對應的介面
什麼是vuex？vuex 是乙個專門為 vue.js 應用設計的 狀態管理模型 + 庫。它為應用內的所有元件提供集中式儲存服務，其中的規則確保狀態只能按預期方式變更。狀態改變了，對應的檢視也會改變。
上面比較官方，我舉乙個具體例子，比如我們寫介面需要判斷是否登陸，一般是根據token，這個token的狀態管理就是用vuex+store,儲存token狀態，然後每次呼叫介面的時候，取出token資料，如果為空，自動跳轉到登陸介面，所以你只需要理解vuex + store 用於儲存，類似輕量級資料庫
介面api就是網路請求，這裡**君推薦使用axios
axios 是乙個基於promise 用於瀏覽器和 nodejs 的 http 客戶端，它本身具有以下特徵：
這裡新手只需要知道網路請求框架我們用的是axios，後續**君會出專門文章對 axios 使用進行講解
mock專業術語就是資料模擬，有了mockjs，前端工程師再也不用等後端人員開發好之後再測資料了，因為mockjs可以攔截ajax請求，有了mockjs我們可以模擬後台返回資料，以方便的進行一系列的操作。這個新手可以先了解一下概念，後續在網路請求模擬資料的時候會用到，到時候也會專門講解的
自定義指令，就是除了vue定義的指令外，還支援使用者註冊自定義指令，那麼你可能會問，什麼是vue的指令，我舉幾個常用的指令，後續你一定會碰見的
混入 (mixins)： 是一種分發 vue 元件中可復用功能的非常靈活的方式。混入物件可以包含任意元件選項。當元件使用混入物件時，所有混入物件的選項將被混入該元件本身的選項。
這個概念官方說的比較繞，我舉乙個簡單的例子，vue 介面一些公用的東西，比如頭部、尾部，不是可以通過components實現元件化開發，當我們在開發js**的時候，如果遇到多個介面執行相同的邏輯**，是否也可以抽離出來吶？基於這個思考，mixins就出來了，mixins相當於js中的元件化，把相同的抽離出來，然後再通過mixins插入到js裡面
那麼可能有人會問，抽離出工具類不也可以嘛！ mixins 和抽離出來的工具類有什麼差別吶？
工具類只能針對方法進行抽離，mixins 可以說更加強大，是可以根據生命週期進行抽離的，比如a、b、c介面都需要在建立的時候，驗證有沒有登陸，就可以在建立的生命週期裡面抽離出驗證登陸的方法，然後在通過mixins插入到各個介面裡
好了，這次的入門指南就這些，此篇文章是對 vue 整體的框架進行巨集觀剖析，就是希望初學者能對 vue 設計到的知識面有乙個巨集觀的概念，之後**君會分別對涉及到的知識點依次進行講解！
Vue入門指南 分支結構
v if指令用於條件性地渲染一塊內容。這塊內容只會在指令的表示式返回 true 值的時候被渲染。判斷是否載入，如果為真，就載入，否則不載入 flag 如果flag為true則顯示,false不顯示 span div var vm newvue script v if的使用場景 type a a di...
vue學習指南3
2.9 元件元件可以擴充套件 html 元素，封裝可重用的 在較高層面上，元件是自定義元素 通過vue.component 介面將大型應用拆分為各個元件，從而使 更好具有維護性 復用性以及可讀性。註冊元件 my component div vue.component my component dat...
Python入門學習指南
python入門學習指南 對於初學者，入門至關重要，這關係到初學者是從入門到精通還是從入門到放棄。以下是結合python的學習經驗，整理出的一條學習路徑，主要有四個階段 no.1 新手入門階段，學習基礎知識 總體來講，找一本靠譜的書，由淺入深，邊看邊練。網上的學習教程有很多，多到不知道如何選擇。所有...