vueスロットslotとslot-scope

2747 ワード

スロット
スロットの私の彼に対する理解は父のコンポーネントのものが子のコンポーネントの中に挿入することで、このように理解するのが正しいかどうか分からないで、自分で記憶するのに便利です
標準スロット
親コンポーネントは次のとおりです.



import child from './children'
export default {
    components: {
        child
    }
}

サブアセンブリは次のとおりです.



export default {

}

次のように表示されます.
名前付きスロット
親コンポーネント



import child from './children'
export default {
    components: {
        child
    }
}

サブアセンブリ



export default {
}

効果は次のとおりです.
アクティブドメインスロット
私の彼に対する理解はデータがサブコンポーネントの中にあり、親コンポーネントは
親コンポーネント



import child from './children'
export default {
    components: {
        child
    }
}

サブアセンブリ



export default {
    data() {
        return {
            childData:[1,2,3,4,5]
        }
    },
}

効果は次のとおりです.