1.首先在父组件标签上自定义一个属性
<div name='nameData'></div>
2.在子组件利用props接收父组件传过来的nameData
第一种(只接收):props:['nameData']
第二种(限制类型):props{
nameData:String
}
第三种(限制类型、限制必要性、指定默认值):props{
nameData{
type:String//类型
required:true//必要性
default:'Tom'//默认值
}
}
注意:
props是只读的,vue底层会监测你对props的修改,如果进行了修改就会发出警告。
如果业务需求必须要修改,那么可以复制props中的数据到data中一份,然后修改
data中的数据。
data(){
return{
myNameData:this.nameData
}
}