[Vue] Slot 是什麼? 怎麼用?. 在component中預留空間slot，在父 ...
文章推薦指數： 80 %
我要指定name是header的slot內容 ... 自2.6.0 版本之後，slot-scope 的用法也已經被廢棄，如：
Slot 是一種內容分發(content distribution)的 API，中文翻譯為插槽，適合用在結構比較複雜，元件內容可以重複使用的地方。
簡單說就是在 component 中可以預留空間，在父層再把內容放進去。
一般的 Component 長這樣：加上 slot 會長這樣： 包起來的地方就
簡單說就是在 component 中可以預留空間，在父層再把內容放進去。
一般的 Component 長這樣：加上 slot 會長這樣：
延伸文章資訊
- 1Vue.js: Slot | Summer。桑莫。夏天
Vue.component('app-child', { template: ` <div v-if="isShow"> <h1>我是子元件</h1> </div>`, data() { ret...
- 2一起幫忙解決難題，拯救IT 人的一天 - iT 邦幫忙 - iThome
在Vue 的Component 中還有個好用的東西叫做slot，當開發複雜或巢狀 ... <ul> <slot name="item" v-for="item in items" :text="...
- 3[Vue] slot详解，slot、slot-scope和v-slot - 掘金
slot怎么用. slot的用法可以分为三类，分别是默认插槽、具名插槽和作用域插槽 子组件中：.
- 4[Vue]slot詳解，slot、slotscope和vslot | 程式前沿
slot怎麼用. slot的用法可以分為三類，分別是默認插槽、具名插槽和作用域插槽 子組件中：.
- 5v-slot的用法(代替slot和slot-scope)_超级无敌前端小菜鸡的博客 ...
v-slot的用法(去除了slot和slot-scope)具名插槽根组件<div id="app"> <Son> <template v-slot:name><!-- 这里注意是v-slot:子...
