最近在讀新書《vue.js權威指南》,一邊讀,一邊把筆記整理下來,方便自己以后溫故知新,也希望能把自己的讀書心得分享給大家。
【第1章:遇見vue.js】
- vue.js是什么?
- vue.js不是一個框架—它只聚焦視圖層,是一個用來構建數據驅動的Web界面的庫。Vue.js通過簡單的API來提供高校的數據綁定和靈活的組件系統
- vue.js的特性
- 輕量級:體積非常小,而且不依賴其他基礎庫
- 數據綁定:對於一些富交互,狀態機類似的前端UI界面,數據綁定非常簡單,方便
- 指令:類似與AJ,可以使用v-*的指令形式,同時還可以自定義指令
- 插件化:vue.js本身並不包括路由,ajax,以及表單驗證等功能,但是我們可以通過加載對應的插件來實現這些功能,要知道,加載這些插件也是非常簡單的
- 如何使用vue.js呢?
- vue.js的安裝方法一般有三種:可以通過script標簽直接引入,當然引入CDN文件是必須的;第二種是可以通過npm來進行安裝,命令:npm install vue --save-dev;第三種是可以通過bower安裝,如bower i vue --save-dev。vue.js的安裝還是比較簡單的,這里就不再贅述了。
- 地球人都知道的它:hello world
-
<div id="didi-navigator"> <ul> <li v-for="tab in tabs"> {{tab.text}} </li> </ul> </div> var vm = new Vue({ el:"#didi-navigator", data:{ tabs:[ {text:"巴士"}, {text:"快車"}, {text:"專車"}, {text:"順風車"} ] } });
-
(插入完代碼,竟然不會排版了 - -! 小弟也是醉了,大家伙湊乎看吧。)
-
接下來書中介紹了vue.js的發展歷史,大家可以自行Google,網上很多。
-
國人的作品在github上能得到這么多Star,真是由衷的感到欣慰。
-
希望大家能努力學習進步,早日開發出自己的框架,為國內的程序員爭光,第一章就介紹到這里,接下來是第二章:數據綁定。