vue构建组件问题

Question

问一下大牛们，我现在有三个页面大致的布局相同，只有几个组件或者文字不一样，怎么构建组件比较好，目前想到两种：

1. 写一个Common组件，三个页面都引入Common,通过不同的props传值，控制布局

2. 写一个父组件Common，其他三个页面extends这个父组件，在data，methods里面去控制行为。

哪种比较好，或者大神们都是怎么实现的？

Answer 1

只有文字不同的地方可以用slot插槽分发内容，或者子组件定义props，由父组件传参组件引用不同，可以用is切换不同组件示例：<component v-bind:is="currentTabComponent"></component>

Answer 2

页面大致的布局相同，只有几个组件或者文字不一样根据你的描述，这是一个页面级的组件，那么应该写一个组件包括三个页面的相同的部分，然后通过 slot (插槽) 组成不同的页面。