(原創)子組件 props 屬性等價子組件的 data model

子組件 HeroDetail 有 props 屬性, 並在父組件 Heroes 中被使用

export default {
    name: 'HeroDetail',
    props: {
        hero: {
            type: Object,
            default: () => { },
        },
    },   
}

<HeroDetail v-if="selectedHero" :hero="selectedHero" />

等價子組件有個 hero 的 data model

export default {
    name: 'HeroDetail',
    data() {
        return {
            hero: selectedHero,
        }
    },
}