slot-scope="scope

`slot-scope="scope"` 是 Vue.js 中用来传递作用域插槽的一种方式。作用域插槽可以让父组件向子组件传递数据，并在子组件中使用这些数据来渲染内容。在父组件中，我们可以使用 `<template>` 标签来定义一个作用域插槽，然后使用 `slot-scope` 属性来指定接收这个插槽的子组件对应的作用域变量名。在子组件中，我们可以使用这个作用域变量来访问父组件传递过来的数据。

例如，假设我们有一个 `Parent` 组件和一个 `Child` 组件，我们想在 `Parent` 中传递一个数据对象给 `Child` 并在 `Child` 中使用这个数据对象来渲染内容。我们可以这样写：

<!-- Parent.vue -->
<template>
  <Child>
    <template slot-scope="scope">
      <div>{{ scope.data }}</div>
    </template>
  </Child>
</template>

<script>
  import Child from '@/components/Child.vue'

  export default {
    components: {
      Child
    },
    data() {
      return {
        dataObj: {
          name: 'John',
          age: 30
        }
      }
    }
  }
</script>

<!-- Child.vue -->
<template>
  <div>
    <slot :data="dataObj"></slot>
  </div>
</template>

<script>
  export default {
    props: ['dataObj']
  }
</script>

在 `Parent` 组件中，我们使用 `<template>` 标签定义了一个作用域插槽，并使用 `slot-scope` 属性指定接收这个插槽的子组件的作用域变量名为 `scope`。在子组件 `Child` 中，我们使用 `<slot>` 标签来定义一个插槽，并使用 `:data` 属性将数据对象传递给插槽。在 `<template>` 中使用 `scope` 变量来访问传递过来的数据对象中的 `name` 和 `age` 属性，并将它们渲染出来。这样就完成了父组件向子组件传递数据并在子组件中渲染的过程。