props:让组件(父)接受外部(子)传过来的数据
传递数据:
<template>
<div><Student name="李四" sex="女" age="18" /></div>
</template>
接收数据:
第一种方式:
props: ["name", "age", "sex"],
第二种方式:
props: {
name:String
}
第三种方式:
props: {
name:{
type:String,//类型
required:true, //必要性,true为必须传
default:'老王' //默认值
}
备注:props是只读的,VUe底层会检测你对props的修改,如果进行了修改,就会发出警告,若业务需求是需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据