vueスロットslotとslot-scope
2747 ワード
スロット
スロットの私の彼に対する理解は父のコンポーネントのものが子のコンポーネントの中に挿入することで、このように理解するのが正しいかどうか分からないで、自分で記憶するのに便利です
標準スロット
親コンポーネントは次のとおりです.
サブアセンブリは次のとおりです.
次のように表示されます.
名前付きスロット
親コンポーネント
サブアセンブリ
効果は次のとおりです.
アクティブドメインスロット
私の彼に対する理解はデータがサブコンポーネントの中にあり、親コンポーネントは
親コンポーネント
サブアセンブリ
効果は次のとおりです.
スロットの私の彼に対する理解は父のコンポーネントのものが子のコンポーネントの中に挿入することで、このように理解するのが正しいかどうか分からないで、自分で記憶するのに便利です
標準スロット
親コンポーネントは次のとおりです.
slot
slot
slot
import child from './children'
export default {
components: {
child
}
}
サブアセンブリは次のとおりです.
, child slot
export default {
}
次のように表示されます.
名前付きスロット
親コンポーネント
import child from './children'
export default {
components: {
child
}
}
サブアセンブリ
, child
export default {
}
効果は次のとおりです.
アクティブドメインスロット
私の彼に対する理解はデータがサブコンポーネントの中にあり、親コンポーネントは
親コンポーネント
{{item}}
import child from './children'
export default {
components: {
child
}
}
サブアセンブリ
, child
export default {
data() {
return {
childData:[1,2,3,4,5]
}
},
}
効果は次のとおりです.