vue.js是用於構建互動式的web介面的庫。它提供了mvvm資料繫結和乙個可組合的元件系統,具有簡單、靈活的api。
結合node.js 可以實現前後端開發從物理上的分離。使前端負責view和controller層,後端負責資料介面,資料儲存。
感興趣可以看**ued 《前後端分離的思考與實踐》
1.使用簡單, 如:
var vm = new vue(
})2.外觀優雅
//阻止單擊事件冒泡
//只在按下回車鍵的時候觸發事件
//lazy: 在'change'而不是'input'事件中更新資料
3.小巧靈活
gzip壓縮後只有25.11kb。
松耦合,和路由模組, 網路請求模組,資料模組 等相分離,可單獨使用。
4.功能強大
export default (router) => , //not found handler
'/': ,
'/login': ,
'/field': },
'/stat': }
})}
裝 node 版本: v6.3.0
裝 npm 版本: 3.10.3
執行命令: npm install 安裝外掛程式 、npm run dev 執行專案
fq工具: lantern
sublime text3 安裝 package control 安裝外掛程式:editorconfig、vue syntax highlight
chrome外掛程式 安裝 vue.js devtools(除錯vue) google翻譯外掛程式
抓包工具 fiddler
vue1 0學習總結
使用vue已經有 三 四個月了,但是只是學著使用了一些基本方法。因為現在的前端框架越來越多 angular,react.但是我相信萬變不離其宗,很多用法框架之間還是想通的,所以借總結的vue的機會深入了解vue到每個細節,以後能更加熟練地使用vue,有機會也能在別的框架中體會相通的思想。指令 com...
Vue1 0學習筆記
vue生命週期 鉤子函式 created 例項已經建立 beforecompile 編譯之前 compiled 編譯之後 ready 插入到文件中 beforedestroy 銷毀之前 destroyed 銷毀之後 new vue methods created function created f...
vue 1 0基本了解
一 基本結構 基本結構 js 1.路由需要準備乙個跟元件 2.定義元件 var home vue.extend varlist vue.extend var item vue.extend 3.建立路由例項 var router new vuerouter 4.關聯 定義路由規則 router.ma...