vue组件间传值
父传子
1.父组件:在子组件容器内绑定数据
<router-view :unusedOrderNum="num1" :usedOrderNum="num2" :unreadMsgNum="num3" :evaluateNum="num4">
</router-view>
data中定义变量:
data() {
return {
num1: 2, //未使用订单数量
num2: 66, //已使用订单数量
num3: 33, //未读消息数量
num4: 77 //评价数量
};
},
2.子组件:用props接收父组件传过来的数据
export default {
props:["num1","num2","num3","num4"],
components: {
},
渲染数据:
<span class="">{{num1}}</span>
<span class="">{{num2}}</span>
<span class="">{{num3}}</span>
<span class="">{{num4}}</span>
===>>>未完待续。。。。