vue组件间传值
2024-08-29 02:10:53
父传子
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>
===>>>未完待续。。。。
最新文章
- 转:工具类之SpannableStringUtils(相信你会爱上它)
- Python KeyError
- jqueryui / accordion的用法记录
- php实现斐波那契数列以及由此引起的联想
- React-组件嵌套-子组件通过委托向父组件传值
- HtmlAgilityPack 总结(一)
- PHP安装和配置
- Hangfire Highlighter Tutorial
- C#将image中的显示的图片转换成二进制
- linear-gradient线性渐变
- iOS 极光推送的集成以及一些集成后的狗血
- Null value was assigned to a property of primitive type setter of com.oa.manager.personnel.bean.KqAttendanceHoliday.dayType
- python安装提示No module named setuptools,wget提示ERROR 403: SSL is required
- GIT操纵
- php composer工具高速使用教程,超级简单
- ActiveMQ面试专题
- centos7 + mysql5.7 tar包解压安装
- mysql 随机获取数据并插入到数据库中
- SQLServer系统变量使用
- STL - C++ 11的Lambda表达式(上)