[Vue]slot詳解，slot、slotscope和vslot | 程式前沿
文章推薦指數： 80 %
slot怎麼用. slot的用法可以分為三類，分別是默認插槽、具名插槽和作用域插槽 子組件中：.
程式前沿 幫助程式設計師解決問題，增加專業技能，提升個人能力與未來世界競爭力。
slot，也稱插槽，可以類比為插卡式的FC遊戲機，遊戲機（子組件）暴露卡槽（插槽）讓用戶插入不同的遊戲磁條（自定義內容），遊戲機會讀取並加載磁條裡的遊戲。
Vue的slot，是組件的一塊HTML模版，這塊模版由使用組件者即父組件提供。
可以說是子組件暴露的一個讓父組件傳入自定義內容的接口。
讓用戶可以拓展組件，
延伸文章資訊
- 1Vue.js: Slot | Summer。桑莫。夏天
Vue.component('app-child', { template: ` <div v-if="isShow"> <h1>我是子元件</h1> </div>`, data() { ret...
- 2vue 2.6 插槽更新v-slot 用法总结- SegmentFault 思否
在2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法(即v-slot 指令)。它取代了slot 和slot-scope 这两个目前已被废弃但未被移除且 ...
- 3一起幫忙解決難題，拯救IT 人的一天 - iT 邦幫忙 - iThome
在Vue 的Component 中還有個好用的東西叫做slot，當開發複雜或巢狀 ... <ul> <slot name="item" v-for="item in items" :text="...
- 4Slots — Vue.js
0, we introduced a new unified syntax (the v-slot directive) for named and scoped slots. It repla...
- 5重學vue之slot用法（包含作用域插槽）_osc_flwkfqx5 - MdEditor
<template> <div> <child/> <!-- 指定這個結構傳到名字叫slot1的插槽--> <template v-slot:slot1> <div>我是父元件傳遞過來的1</d...
