v-slot vue2.6新增指令使用指南

抽離的子組件
<template>
  <div class="wrapper">
    <slot name="demo"  :msg="msg" text="this is a slot demo , ">this is demo slot.</slot>
  </div>
</template>

<script>
  export default {
    components: {},
    props: {},
    data() {
      return {
        msg: 'nmb'
      }
    },
    watch: {},
    computed: {},
    methods: {},
    created() {},
    mounted() {}
  }
</script>
<style lang="scss" scoped>
.wrapper {
}
</style>

　　

某組件內使用抽離組件
   <father>
          <template v-slot:demo="scope">
            sb
            <p>{{ scope.text }}{{ scope.msg }}</p>
          </template>
        </father>