8、VUE自定義組件


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. 組件中的計算屬性、函數調用和過濾器

 

 


免責聲明!

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



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