vue组件间传值

概述  父传子 1.父组件：在子组件容器内绑定数据 <router-view  :unusedOrderNum="num1"  :usedOrderNum="num2"  :unreadMsgNum="num3"  :evaluateNum="num4"> </router-view> 　　data中定义变量： 　　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 >{{num1}}</span> <span >{{num2}}</span> <span >{{num3}}</span> <span >{{num4}}</span>    

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

总结

以上是内存溢出为你收集整理的vue组件间传值全部内容，希望文章能够帮你解决vue组件间传值所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。