Vue.js官方文檔,Part 1

Vue.js官方文檔,Part 1

來自專欄 Vue.js的學習與心路歷程

1. 安裝

不支持IE8及以下瀏覽器。

CLI需要靠後學習。

2. 介紹

Vue的本質是一種漸進式前端框架。Vue組件獨立(自帶HTML,CSS,JS文件),組織結構鬆散,數據流類似MVVM模式。去年主要玩Asp.net Core MVC,更早之前玩Ruby on Rails,感覺兩者還是做API-only伺服器強,前端開發時組件的概念弱,效率會低。這與機械行業的可替換零件概念是相通的。PHP沒玩過,不好評論。

3. Vue實例

用Vue開發的應用程序是由大大小小的Vue實例組成的。每當新建Vue實例,會傳入選項(options),選項可被Vue的API訪問。

新建一個Vue對象

在新建Vue實例前應準備好data對象,然後傳入,Vue實例會把自身屬性指向data的屬性(這裡說的指向是C語言指針那個指向,兩者同時變化,像是共用內存),並載入這些屬性到應激系統(reactivity system)。這個應激系統應該是觀察者模式(Observer Pattern)的一種實現,哪裡變了刷新哪裡。後來的屬性不能被添加到應激系統,所以要提前聲明,給定合理的初始值。

提前聲明好需要被觀察的屬性

當你不想應激系統起作用時,就Object.freeze()要傳入的對象。

「凍結」應激系統

Vue用美元符號$區分自帶屬性和用戶定義的屬性。

美元符號代表Vue自帶屬性和方法

Vue實例有如下聲明周期,且可鉤(Hookable)。

Vue實例的生命周期

這個生命周期夠研究學習一陣子了!我現在的水平是搞不出來的,哈哈。

推薦閱讀:

前端日刊-2018.02.02
前端開發筆記(2) —— css居中布局
前端日刊-2018.01.06
ReactNative 知識小集(0)-開篇
棒棒團分享活動第二期:非專業轉前端自學四個月找到工作的經驗分享

TAG:前端框架 | 前端開發 | Vuejs |