vue.js - vue组件复用的问题

查看:109
本文介绍了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆