将设置变量后将其传递给嵌套组件

在父组件中设置变量，然后将其作为参数传递给子组件。例如：

父组件

<template>
  <div>
    <h1>{{title}}</h1>
    <ChildComponent :subtitle="subtitle" />
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  data() {
    return {
      title: '这是标题',
      subtitle: '这是副标题'
    }
  },
  components: {
    ChildComponent
  }
}
</script>

子组件

<template>
  <div>
    <h2>{{subtitle}}</h2>
  </div>
</template>

<script>
export default {
  props: {
    subtitle: String
  }
}
</script>

此时，父组件中的变量subtitle会被传递给子组件，并以props的形式接收。