vue---Prop使用

一. 简述

prop使用场景：父组件需要向子组件传递消息的时候，子组件就可以定义prop属性，来接受父组件传递消息。

二. 使用方法

定义1: 带校验方式指定属性，方便其他人知道传什么类型的值

Vue.component('my-test',{
    props: {
        course: {
            type: Object,
            default() {
                return {}
            }
        },
        id: {
            type: String,
            required:true,
            default() {
                return null
            }
        }
    },
})
 

定义2: 数组形式传递

Vue.component('my-test',{
    props:['course','id']
})
 
 

使用方式：

<course-form
      :id="isOpen"
      ref="courseRef"
      :course="course">
</course-form>