但需要动态绑定数据的时候就是需要v-bind或者是语法糖:来进行绑定,但是如果需要传递的数据是一个准确的数据比如字符串等的话则不需要用v-bind来进行动态绑定,直接传值且在子组件中使用props属性接受属性即可。
<tabbar-item path = '/home'>
<img slot="item-icon" src="./assets/img/tabbar/首页-选中.svg" alt="">
<img slot="item-icon-actvie" src="./assets/img/tabbar/shouye.svg" alt="">
<div slot="item-text">首页</div>
</tabbar-item>
<tabbar-item path = '/fenlei'>
<img slot="item-icon" src="./assets/img/tabbar/分类.svg" alt="">
<img slot="item-icon-actvie" src="./assets/img/tabbar/fenleiactive.svg" alt="">
<div slot="item-text">分类</div>
</tabbar-item>
<tabbar-item path = '/gouwuche'>
<img slot="item-icon" src="./assets/img/tabbar/购物车.svg" alt="">
<img slot="item-icon-actvie" src="./assets/img/tabbar/gouwucheactive.svg" alt="">
<div slot="item-text">购物车</div>
</tabbar-item>
<tabbar-item path = '/geren'>
<img slot="item-icon" src="./assets/img/tabbar/个人.svg" alt="">
<img slot="item-icon-actvie" src="./assets/img/tabbar/gerenactvie.svg" alt="">
<div slot="item-text">个人</div>
</tabbar-item>
如上图所示只需要直接path = ' '即可传递这个数据