vue元件學習(下)

2021-09-14 06:52:10 字數 355 閱讀 5183

上次我們說了什麼是元件,和它的基本應用,下面我們來看一下我自認為的高階內容。

首先寫好基本結構,建立乙個子元件

當然我們要注意一種特殊情況,如果我們的自定義標籤沒有內容,我們可以在slot中加入內容為預設內容,但是如果我們設定了預設內容,而我們的自定義標籤也不是空的,那麼自定義標籤裡的內容會替代我們的預設內容。

這是就用到我們的 slot裡name屬行了

例如: 這是頭

// 這裡我們根據name的不同去繫結不同資料

這是尾這樣,我們就可以根據name的不同而進行獲得不同的資料了

vue元件遠不止如此,這只是一些較為基礎的東西。更多的元件知識我們可以通過官方來進行學習

Vue 元件學習

全域性註冊元件的過程 1 註冊 建立 乙個全域性元件,使用 vue.component tagname,options vue.component my component 2 建立根例項 3 在父例項的模組中以元件名的形式 類似自定義標籤 使用。渲染為 a custom component 區域性...

Vue學習 元件學習

元件的出現,就是為了拆分vue例項的 量的,能夠讓我們以不同的元件,來劃分不同的功能模組,將來我們需要什麼樣的功能,就可以去呼叫對應的元件即可 元件化和模組化的不同 var test yk vue.extend vue.component testyk test yk vue.component t...

Vue學習 元件學習

元件的出現,就是為了拆分vue例項的 量的,能夠讓我們以不同的元件,來劃分不同的功能模組,將來我們需要什麼樣的功能,就可以去呼叫對應的元件即可 元件化和模組化的不同 var test yk vue.extend vue.component testyk test yk vue.component t...