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>