結合ts 的vue 遞迴元件寫法

2021-10-07 10:09:42 字數 1278 閱讀 5563

vue 結合ts 使用時,遞迴元件的寫法:

也是用name來引用,關鍵這裡說下在**設定name

}<

/p>

// 引用自己作為遞迴子元件

:level=

"level + 1"

:nodedata=

"data.children"

v-if

="data.children"

>

<

/listtree>

<

/div>

<

/template>

"ts"

>

import

from

"vue-property-decorator"

;import

from

"vuex-class"

;@component()

// 需要在component 裝飾器裡註冊name,用於遞迴自己

export

default

class

listtreecomponent

extends

vue) nodedata;

@prop

() level;

}<

/script>

注意這裡用的不是 物件名稱listtreecomponent,而是需要在component 裡註冊name

話說坑的我好慘,在本地listtreecomponent 竟然是可以起作用的,然而發到線上就掛了,應用的元件沒有解析成dom,都是淚啊

vue 的通用遞迴元件寫法:

在本元件內使用自己註冊的name 來引用自身

...}<

/p>

// 引用自己作為遞迴子元件

:level=

"level + 1"

:nodedata=

"data.children"

v-if

="data.children"

>

<

/listtree>

<

/div>

<

/template>

export

default

, level:}}

<

/script>

vue元件的寫法彙總

資料驅動和元件化是vue.js兩個最重要的特點。元件化是為了方便 復用,提高開發效率。常見的vue元件寫法有四種,各有特色,適用於不同的場景。結構 元件的註冊 vue.component componentname method 元件其他的屬性和程式設計客棧方法 元件的使用 new vue 在scr...

Vue遞迴元件

遞迴元件 在父元件內巢狀子元件,子元件無限迴圈使用自己,用於樹狀結構的巢狀 1 分為子元件son和父元件father 這裡的話我寫的是頂級只能有乙個根元素 father.vue檔案 第一層級 li list ul template export default script son.vue檔案 so...

vue全域性元件和區域性元件的寫法

感謝博主分享 vue元件有兩種,一種是全域性元件,一種是區域性元件。整個專案經常用到的用全域性寫法,用到比較少的專供特定頁面用的使用區域性元件。全域性元件引入寫法 在專案的main.js中 import vue from vue import mycomponent from components ...