vue中使用插槽,动态组件

1,420 阅读1分钟

组件中添加<slot></slot>标签接受传递的dom结构

slot 可以有name属性,来接受对应的数据

  • 作用域插槽

   使用场景

      由外部父组件指定数据的组件循环的的结构

<template  slot-scope='props'>
    <li>{{props.item}}</li>
</template>
  • 动态组件

<component :is='type'></component>

根据is的值来切换组件

v-once 第一次展示的内容不会销毁,会保存在内存中,下一次直接加载,提高性能