uniapp 笔记第四天(父传子、子传父、路径传参、本地存储)

本文详细介绍了uniapp中父组件如何向子组件传递值,子组件如何将值回传给父组件,以及路径参数的传递方法。同时,还探讨了如何利用本地存储来保存和获取数据,以应对数据在多个页面间共享的需求。在子组件中修改props值时,建议通过$emit触发父组件的方法来进行更新,以避免警告错误。最后,简要提到了浏览器存储的区别。
摘要由CSDN通过智能技术生成

使用组件我们都会,但是想给子组件传一些父组件的值时就需要用到父传子这个概念啦

一、父传子

父组件传值:

<子组件 :属性名="属性值">
<Son :sonUserInfo="sonUserInfo"></Son>

// data
sonUserInfo:{
					name:'狗子',
					age:500,
					hobby:'追狗盘'
}

属性名:我们要给子组件传过去的变量名 

值:我们要给子组件传过去的值  并且是在父组件中定义过的

子组件接收

第一种接收形式 数组 如果有多个传参 可以,分割开

props : ['sonUserInfo']

第二种接受形式 对象 在传过来的基础上加一些校验的条件

props: {
			sonUserInfo :{
				type:Object,
				default:{},
                required:true //必填项
			}
		},

更多资料可看

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值