1、為什么要使用自定義組件?
自定義組件是用來封裝復雜的內容,提高可重用性,比如封裝復雜的表格組件、日歷組件、圖片輪播組件等。
2、自定義組件
2.1. 全局組件
全局組件是每個Vue對象都能使用的組件。
通過Vue.component()函數聲明注冊的組件,每個Vue實例都能使用全局組件。
2.2. 局部組件
局部組件只能在某個Vue對象之內使用。
局部組件是通過Vue實例中注冊的組件,只能用在當前Vue實例之內。
2.3. 組件中使用插值
組件中可以使用插值,但是不能使用指令。
插值的數據必須通過聲明模板時候的data函數傳入(注意:這是data函數,不是data對象)
2.4. 組件中的屬性傳值
我們向組件的屬性傳值,然后就可以在組件中使用這個數據了。
使用屬性props。
組件的屬性不支持駝峰式命名,所以必須使用”-”連字符。
2.5. 組件中的屬性插值
上面介紹的屬性傳值,我們的顯示內容是寫死在屬性里面的,有沒有可能使用插值的方式動態變化呢?當然有,組件是支持屬性插值語法的。
2.6. 組件中的計算屬性、函數調用和過濾器