【Vue】props配置

叨叨凡

已于 2022-06-30 14:04:05 修改

阅读量1k

点赞数

分类专栏： Vue 文章标签： vue.js

于 2022-03-20 14:41:08 首次发布

本文链接：https://blog.csdn.net/qaqcfff/article/details/123612707

版权

9 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue中组件的props属性，用于从父组件向子组件传递数据。props的使用包括三种方式：基本接收、类型限制和详细定义，包括类型、必要性及默认值。重要的是，props是只读的，修改props会触发警告。正确的做法是将props复制到data中再进行修改。

摘要由CSDN通过智能技术生成

功能：让组件接收外部传来的数据
（1）传递数据：

<Demo name="xxx" />

（2）接收数据：
第一种方式（只接收）：

props:['name']

第二种方式（限制类型）：

props:{
	name:String
}

第三种（限制类型、限制必要性、指定默认值）：

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

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

关注

专栏目录