問一下大牛們，我現(xiàn)在有三個(gè)頁面大致的布局相同，只有幾個(gè)組件或者文字不一樣，怎么構(gòu)建組件比較好，目前想到兩種：寫一個(gè)Common組件，三個(gè)頁面都引入Common,通過不同的props傳值，控制布局寫一個(gè)父組件Common，其他三個(gè)頁面extends這個(gè)父組件，在data，methods里面去控制行為。哪種比較好，或者大神們都是怎么實(shí)現(xiàn)的？
2 回答
隔江千里
TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超10個(gè)贊
只有文字不同的地方可以用slot插槽分發(fā)內(nèi)容，或者子組件定義props，由父組件傳參
組件引用不同，可以用is切換不同組件
示例：<component v-bind:is="currentTabComponent"></component>
墨色風(fēng)雨
TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊
頁面大致的布局相同，只有幾個(gè)組件或者文字不一樣
根據(jù)你的描述，這是一個(gè)頁面級(jí)的組件，那么應(yīng)該寫一個(gè)組件包括三個(gè)頁面的相同的部分，然后通過 slot (插槽) 組成不同的頁面。
添加回答
舉報(bào)
0/150
提交
取消