插槽slot

1.一般用在组件封装时。

2.每个插槽都有name,默认为default。

3.v-slot把内容填充到指定名称的插槽上,简写为#

4.v-slot必须写在template上或者组件上。

5.插槽还可以传递数据 作用域插槽

<div class="title">
          <slot name="one" msg="你好这里"></slot>
      </div>

所以在App中就可以得到数据,在scope中

  <template #one="scope">
        <p>标题</p>
        <p>{{scope.msg}}</p>
      </template>

 

上一篇:如何通过js获取iframe框架中的内容


下一篇:VUE 在框架里有scope的地方调用vue的this