vue slot-scope多个值

在 Vue 中，你可以通过 `slot-scope` 来传递多个数据给子组件。下面是一个例子：

<!-- 父组件 -->
<template>
  <child>
    <template slot-scope="{ name, age }">
      <p>{{ name }}</p>
      <p>{{ age }}</p>
    </template>
  </child>
</template>

<!-- 子组件 -->
<template>
  <div>
    <slot :name="user.name" :age="user.age"></slot>
  </div>
</template>

<script>
export default {
  data() {
    return {
      user: {
        name: 'John Doe',
        age: 25
      }
    }
  }
}
</script>

在这个例子中，父组件通过 `slot-scope` 来声明接收 `name` 和 `age` 两个变量，然后在模板中使用它们。而子组件则通过 `slot` 把 `name` 和 `age` 传递给父组件。注意，在子组件中，我们使用了 `:` 来绑定 `name` 和 `age`，这意味着它们是动态绑定的，而不是静态的字符串。