Vue.js官方文檔,Part 1
來自專欄 Vue.js的學習與心路歷程
1. 安裝
不支持IE8及以下瀏覽器。
CLI需要靠後學習。
2. 介紹
Vue的本質是一種漸進式前端框架。Vue組件獨立(自帶HTML,CSS,JS文件),組織結構鬆散,數據流類似MVVM模式。去年主要玩http://Asp.net Core MVC,更早之前玩Ruby on Rails,感覺兩者還是做API-only伺服器強,前端開發時組件的概念弱,效率會低。這與機械行業的可替換零件概念是相通的。PHP沒玩過,不好評論。
3. Vue實例
用Vue開發的應用程序是由大大小小的Vue實例組成的。每當新建Vue實例,會傳入選項(options),選項可被Vue的API訪問。
在新建Vue實例前應準備好data對象,然後傳入,Vue實例會把自身屬性指向data的屬性(這裡說的指向是C語言指針那個指向,兩者同時變化,像是共用內存),並載入這些屬性到應激系統(reactivity system)。這個應激系統應該是觀察者模式(Observer Pattern)的一種實現,哪裡變了刷新哪裡。後來的屬性不能被添加到應激系統,所以要提前聲明,給定合理的初始值。
當你不想應激系統起作用時,就Object.freeze()要傳入的對象。
Vue用美元符號$區分自帶屬性和用戶定義的屬性。
Vue實例有如下聲明周期,且可鉤(Hookable)。
這個生命周期夠研究學習一陣子了!我現在的水平是搞不出來的,哈哈。
推薦閱讀:
※前端日刊-2018.02.02
※前端開發筆記(2) —— css居中布局
※前端日刊-2018.01.06
※ReactNative 知識小集(0)-開篇
※棒棒團分享活動第二期:非專業轉前端自學四個月找到工作的經驗分享