vue的ref属性和props配置项

8.3、ref属性

1.被用来给元素或子组件注册引用信息（id的替代者)

2.应用在htm1标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc)

3.使用方式:

打标识:<h1 ref="xxx">.....</h1>或<School ref="xxx"></School>

获取:this.$refs.xxx

8.4、props配置项

功能：让组件接收外部传过来的数据

（1）.传递数据：

<Demo name="xxx"/>

（2）.接受数据：

第一种方式（只接受）：

props:['name']

第二种方式（限制类型）

props: {

        name: Number

}

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

props: {

        name: {

                type: String //类型

                required: true //必要性

                default: '老王' //默认值

        }

}

备注：props是只读的，Vue底层会检测你对props的修改，如果进行了修改，就会发出警告