vue-li中如何在一个组件中复用全局组件

Question

描述：在一个页面中，有多处相似的内容，只是文字内容不同，其他都差不多。我在main.js中定义了一个全局组件有什么好的方法，可以在多次复用全局组件，且文字内容不同。

Answer 1

可复用组件的组成部分:props传递数据。events触发事件。slot内容分发。在设计组件时我们即使在当前业务用不上slot也需要设计一个默认的插槽，以备以后的扩展。综上所述个人认为解决这个问题最好的方法就是加上一个默认的slot。

Answer 2

谢邀。你这个全局组件如果确定只是文本不同的话，设置一个props，接受传入参数，用于展示不同的文本。同一个组件内多次复用，传不同的props就可以了。