Vue组件间如何实现传值？

本文共计226个文字，预计阅读时间需要1分钟。

父组件+1. 父组件组件：在子组件容器内绑定数据 +router-view : unusedOrderNum=num1 :usedOrderNum=num2 :unreadMsgNum=num3 :evaluateNum=num4 /router-view+ 数据中定义变量：data() { return { num1: 2, // 未使用订单数量 } }+

父传子

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>

===>>>未完待续。。。。