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 ...