(原创)子组件 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,
        }
    },
}