Vue 乙個元件引用另乙個元件

2022-08-24 21:42:12 字數 981 閱讀 3728

有些時候需要這麼做,比如,我想在首頁載入輪播元件,但是又不想全域性註冊(因為不是每個頁面都需要輪播功能)

方法1:

1

<

template

>

2<

div>34

<

testcomponent

>

testcomponent

>

5div

>

6template

>78

<

script

>9//

1.先使用import匯入你要在該元件中使用的子元件

10import testcomponent from

'./testcomponent.vue'11

export

default

, 14

methods: {},

15}

16script

>

1718

<

style

>

style

>

方法2:

1

<

template

>

2<

div>34

<

testcomponent

>

testcomponent

>

5div

>

6template

>78

<

script

>

9export

default

, 14

methods: {},

15}

16script

>

1718

<

style

>

style

>

另乙個自己

人們常說 人貴有自知之明 可是話說回來,又有幾人能真正的了解自己呢?我覺得我就是乙個很沒有自知之明的人。生於89年的我,到了今年的生日就28周歲了。都說三十而立,正所謂成家立業,可以回過頭發現自己可以稱得上 一無是處,一無所有 曾幾何時,還是鄰居家叔叔阿姨教育孩子的榜樣 曾幾何時父母因為自己考個好大...

手寫乙個彈窗元件 vue

最近的專案中,需要自己去手寫乙個全域性的彈窗元件,在下面貼出自己的 元件寫的比較簡單 notice.vue 自定義元件的掛載 這裡用了兩種不同的形式,考慮到不同的元件需要特定的方法,比如notice元件只能是乙個單例的模式,所以用了乙個notice.js給他掛載,其他通用的元件可以採用第二種方式進行...

vue如何封裝乙個元件

1.新增子元件 在工程src components目錄下新建乙個資料夾用於存放元件。我封裝了乙個樹元件,資料夾名稱為va tree,裡面有乙個va tree.vue檔案,寫了樹元件的具體內容,包括元件樣式 元件處理邏輯 元件模板等等 子元件中定義的props是父元件需要傳給子元件的資料,在子元件中p...