1、ref属性的定义与用法:
①被用来给元素或子组件注册引用信息(id的替代者)
②应用在HTML标签上获取的真实DOM元素,应用在组件标签上是组件示例对象(VC)
③使用方式:
//打标识:
<h1 ref="XXX">
//获取
this.$refs.XXX
2、配置项props:
功能:让组件接收外部传过来的数据
①传递数据:
<Demo name="XXX"></Demo>
②接收数据
第一种方式(只接收):props:["name"]
第二种方式:props:{name:String}
第三种方式(限制类型、限制必要性、指定默认值):
props:{
name:{
type:String,//类型
required:true,//必要性
default:‘老王’,//默认值
}
}
备注:props是只读的,vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据。