Vue3 中插槽(slot)的用法

Vue3(其实从2.6开始)中引入了一个新的指令v-slot,用来表示具名插槽和默认插槽

基础示例



    {{ msg }}




     

为什么要这么做


  
    
      
{{ foo }} {{ bar }} {{ baz }}

 像上面这种情况,我们无法立即分辨出模板上作用域变量是由那一个组件提供的。

引入一个新的指令v-slot

我们可以在slot容器