vue组件间传值
发布时间：2020-12-14 21:52:22 所属栏目：大数据 来源：网络整理
导读：? 父传子 1.父组件：在子组件容器内绑定数据 router-view? :unusedOrderNum="num1"? :usedOrderNum="num2"? :unreadMsgNum="num3"? :evaluateNum="num4" /router-view data中定义变量： data() { return { num1: 2,//未使用订单数量 num2: 66,//已使用订单数
|
? 父传子 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>
?
?
===>>>未完待续。。。。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |