36vue props配置项

vue props属性

配置项props

功能:让组件接收外部传过来的数据

(1).传递数据:

<Demo name="xxx"/>

(2).接收数据:

第一种方式(只接收):
	props: [ "name ']
第二种方式(限制类型):
	props:{
		name:String
	}
第三种方式(限制类型、限制必要性、指定默认值):
    props:{
        name:{
        	type:String,   //类型
			required:true, //必要性
			default:'老王'  //默认值
		}

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

不要改props中的值!!!

非常重要!!!:数据在哪,操作对应数据的方法在哪!!!,不要修改props传递的数据,非要使用,请使用中间量转化。

posted @ 2022-09-06 17:27  Redskaber  阅读(50)  评论(0)    收藏  举报