0
点赞
收藏
分享

微信扫一扫

【Vue】props配置

脱下愤怒的小裤衩 2022-03-20 阅读 93
vue.js

props配置项

功能:让组件接收外部传来的数据
(1)传递数据:

<Demo name="xxx" />

(2)接收数据:
第一种方式(只接收):

props:['name']

第二种方式(限制类型):

props:{
	name:String
}

第三种(限制类型、限制必要性、指定默认值):

props:{
	name:{
		type:String,	//类型
		required:true,	//必要性
		default:'xxx'	//默认值
	}
}

备注:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据。

举报

相关推荐

0 条评论