(3)快速搭建模板
scaffold + Tab
(4)nextTick
image.png
(5)關(guān)注點分離
關(guān)注點分離不等于文件類型分離。在現(xiàn)代 UI 開發(fā)中,我們已經(jīng)發(fā)現(xiàn)相比于把代碼庫分離成三個大的層次并將其相互交織起來,把它們劃分為松散耦合的組件再將其組合起來更合理一些。在一個組件里,其模板、邏輯和樣式是內(nèi)部耦合的,并且把他們搭配在一起實際上使得組件更加內(nèi)聚且更可維護
(6)v-model與v-bind
image.png
(8)插槽
image.png
image.png
(9)
為自定義組件綁定原生事件需要加.native修飾符
(10)watch可以監(jiān)聽到某個對象中屬性的變化,不會監(jiān)聽對象新增屬性
- $parent 屬性可以用來從一個子組件訪問父組件的實例
- 一個計算屬性可以依賴于另一個計算屬性
image.png
(11)在同一個單文件組件中寫相同的計算屬性,鉤子函數(shù),后寫的會覆蓋先寫的
(12)props賦值給data,然后data綁定v-if,改變props,并不會讓v-if有效果
(13)
image.png