模板插槽(template slot-scope)是Vue.js中一种用于在组件中动态展示不同内容的方式。它允许父组件将内容传递给子组件，并在子组件中渲染这些内容。 "slot-scope"属性用于给插槽提供一些上下文数据。请用代码示例如何使用

假设有一个父组件 Parent.vue 和一个子组件 Child.vue，我们可以在 Parent.vue 中使用 <template> 标签来定义一个插槽，并将数据通过插槽传递给 Child.vue。

Parent.vue：

<template>
  <div>
    <child>
      <template slot-scope="props">
        <p>{{ props.text }}</p>
      </template>
    </child>
  </div>
</template>
<script>
  import Child from './Child.vue';
  export default {
    components: { Child },
    data() {
      return {
        message: 'Hello World'
      }
    }
  }
</script>

Child.vue：

<template>
  <div>
    <slot :text="message"></slot>
  </div>
</template>
<script>
  export default {
    props: {
      message: String
    }
  }
</script>

在这个例子中，我们在 Parent.vue 中定义了一个插槽，并将 <child> 组件作为插槽的容器。在插槽内部，我们使用了 "slot-scope" 属性来提供一个名为 "props" 的上下文对象，这个对象包含了我们要传递给 Child.vue 的数据。在 Child.vue 中，我们使用了 <slot> 标签来渲染插槽内容，并将数据通过 "text" 属性传递给插槽。

当我们运行这个示例时，Child.vue 将会渲染一个包含了 "Hello World" 文本的 <p> 标签。此时，我们可以在 Parent.vue 中更改 message 的值，这个改变会自动反映到 Child.vue 中。