一、安裝vue腳手架的常用外掛程式
axios：前後端聯調外掛程式
mockjs：模擬後端外掛程式
element-ui：元件庫，統一風格的按鈕、彈框等
vuex：狀態管理工具，可理解為管理全域性變數
配置檔案的說明鏈結可參考
實際工程配置時主要關注發布路徑、靜態檔案儲存路徑設定、後端聯調相應配置，截圖如下：
三、vue專案打包前後專案結構對比
主要關注靜態資源「assets」、元件庫「components」，以及以後與後端聯調的「api」，實現頁面跳轉的「router」、實現校驗歸集的「validate」、業務歸集頁面「pages」等。包括「assets」、「components」的打包前專案目錄結構如下：
打包命令：cnpm run build
執行後，生成瀏覽器可識別的dist目錄，截圖如下：
dist目錄中包括如下檔案：
Vue學習筆記 2
一 條件渲染 v if 一種依據條件，判斷是否渲染元素的屬性。具有控制元素是否顯示的能力 可與v else if即v else並用，使用方法與其他程式語言中類似。key屬性在v if中的應用 由於vue是惰性的，即載入過一次的相同元件不會重複載入，這對於if條件改變的某些情況會不符合常理。即if與e...
Vue學習筆記 2
在計算屬性的函式中，不能使用vue建構函式返回的vm變數，因為此時vm還未返回，依然處於vue內部建構函式過程中，遂只能使用this來代替vm。若要使用typescript，可使用以下方法來實現 智慧型感知 vm vm this 另 其他不能用vm變數，只能使用this變數的地方，都可以通過此方法來...
vue學習筆記2
1,非父子元件間的傳值 1,非父子元件之間的傳值有兩種方法.方法一 用vuex比較難.方法二 利用bus 匯流排 觀察者模式 發布訂閱模式 2,bus的使用.首先vue.prototype.bus new vue 意思是給vue的原型物件新增bus屬性,且bus是vue的例項 其次就是如何觸發傳值 ...