鍍金池/ 問答/HTML/ vue-li中如何在一個(gè)組件中復(fù)用全局組件

vue-li中如何在一個(gè)組件中復(fù)用全局組件

描述：在一個(gè)頁面中，有多處相似的內(nèi)容，只是文字內(nèi)容不同，其他都差不多。 我在main.js中定義了一個(gè)全局組件
有什么好的方法，可以在多次復(fù)用全局組件，且文字內(nèi)容不同。
回答
編輯回答
孤島

可復(fù)用組件的組成部分:
props 傳遞數(shù)據(jù)。
events觸發(fā)事件。
slot內(nèi)容分發(fā)。
在設(shè)計(jì)組件時(shí)我們即使在當(dāng)前業(yè)務(wù)用不上slot 也需要設(shè)計(jì)一個(gè)默認(rèn)的插槽，以備以后的擴(kuò)展。
綜上所述 個(gè)人認(rèn)為解決這個(gè)問題最好的方法就是加上一個(gè)默認(rèn)的slot。

2017年1月30日 12:35
編輯回答
離殤

謝邀。
你這個(gè)全局組件如果確定只是文本不同的話，設(shè)置一個(gè)props，接受傳入?yún)?shù)，用于展示不同的文本。
同一個(gè)組件內(nèi)多次復(fù)用，傳不同的props就可以了。

2017年4月6日 17:03