一、表單輸入綁定 1.1、基礎用法 你可以用 v-model 指令在表單控件元素上創建雙向數據綁定。它會根據控件類型自動選取正確的方法來更新元素。盡管有些神奇，但 v-model 本質上不過是語法糖，它負責監聽用戶的輸入事件以更新數據，並特別處理一些極端的例子。 v-model 並不關心表單 ...

一、前端MVC概要 1.1、庫與框架的區別 框架是一個軟件的半成品，在全局范圍內給了大的約束。庫是工具，在單點上給我們提供功能。框架是依賴庫的。AngularJS是框架而jQuery則是庫。 1.2、AMD與CMD 在傳統的非模塊化JavaScript開發中有許多問題：命名沖突、文件 ...

Vue.js 使用了基於 HTML 的模版語法，允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循規范的瀏覽器和 HTML 解析器解析。 在底層的實現上， Vue 將模板編譯成虛擬 DOM 渲染函數。結合響應系統，在應用 ...

路由是根據不同的 url 地址展示不同的內容或頁面，早期的路由都是后端直接根據 url 來 reload 頁面實現的，即后端控制路由。 后來頁面越來越復雜，服務器壓力越來越大，隨着AJAX（異步刷新技術） 的出現，頁面實現非 reload 就能刷新數據，讓前端也可以控制 url 自行管理，前端 ...

使用vue-cli可以規范項目，提高開發效率，但是使用vue-cli時需要一些ECMAScript6的知識，特別是ES6中的模塊管理內容，本章先介紹ES6中的基礎與模塊化的內容再使用vue-cli開發vue項目。 一、ECMAScript6概要 ECMAScript是一種由Ecma國際（前身 ...

一、概要 1.1、Vuex定義與注意事項 Vuex是為vue.js框架更好的管理狀態而設計一個插件。Vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的官方 ...

一、Vue Router路由 二、Vuex狀態管理 三、Element-UI Element-UI是餓了么前端團隊推出的一款基於Vue.js 2.0 的桌面端UI框架，手機端有對應框架是 Mint UI 。 Element UI 是一套采用 Vue 2.0 作為基礎框架實現 ...

一、axios Vue更新到2.0之后宣告不再對vue-resource更新，推薦使用axios，axios是一個用於客戶端與服務器通信的組件，axios 是一個基於Promise 用於瀏覽器和 nodejs 的 HTTP 客戶端javaScript工具。通俗來說可以實現客戶端請求服務器端提供 ...