【vue.js權威指南】讀書筆記(第一章)


  最近在讀新書《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,真是由衷的感到欣慰。

  • 希望大家能努力學習進步,早日開發出自己的框架,為國內的程序員爭光,第一章就介紹到這里,接下來是第二章:數據綁定。

 

      

    


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM