vue.js - vue组件复用的问题
本文介绍了vue.js - vue组件复用的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
A组件需要放到B,C,D组件中复用,但是A组件中的数据需要根据放到不同的组件显示不同的数据。请问应该怎么实现。
解决方案
//在componentA 中接收传入的 my-data 不就行了
<componentA :my-data="父级传入的数据" :my-data2="父级传入的数据2"></componentA>
<componentB >
<componentA :my-data="父级B传入的数据"></componentA>
</componentB>
<componentC >
<componentA :my-data="父级C传入的数据"></componentA>
</componentC>
....
这篇关于vue.js - vue组件复用的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文