Vue的插槽

cli4.x

<template>
  <div id="home">
    <NavBar>
      <template v-slot:middle><!-- 不能加空格，否则不报错也找不到插槽 -->
        <div>ddd</div>
      </template>
    </NavBar>
  </div>
</template>

<script>
  export default {
     
     
    name: 'Home',
    components: {
     
     
      NavBar
    }
  }

  import NavBar from 'components/common/navbar/NavBar.vue'
</script>

<style>

</style>

注意

//注意：不能加空格！！！
v-slot:middle // 可√
v-slot: middle // 不可×