vue 一个父组件引用公共组件多次，每个公共组件显示不同的参数

Question

一个父组件在不同的地方引用公共组件多次，每个公共组件参数不同，数据写在父组件里吗？怎么传参的？有例子吗？

Answer 1

利用父子组件传值，不管你咋个引用。引用的时候把你需要的值传递到子组件，子组件接受你传入的值就行了。

Answer 2

使用props方式，引用不同参数就可以

子组件：

<div>{{name}}</div>

export default {

  props: ['name']

}

引用：

<component :name="'Ronaldo'"></component>