- 功能:让组件接收外部传过来的数据
- 传递数据方式:
<Demo name="xxx" />
- 接收数据方式:
- 第一种方式(只接收):
props:['name']
- 第二种方式(限制类型):
props:{name:String}
- 第三种方式(限制类型、限制必要性、指定默认值):
- 第一种方式(只接收):
props: {
name: {
type: String, //类型
required: true, //必要性
default: '老王' //默认值
}
}
- 备注:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据。
例:
App.vue文件
<template>
<div>
<Student name="李四" sex