Vue Component props

在 Vue Component 创建组件 中创建了一个根组件 App.vue 并在其中引入子组件 HelloWorld.vue。

Vue提供一种方式让我们可以实现在子组件中访问由父组件传递下来的属性，需要在父组件中：

<template>  
  <HelloWorld :time="time"/>  
</template>
 
<script setup>  
import HelloWorld from '@/components/HelloWorld.vue'  
  
export default {  
  data() {  
    return {  
      time: '2023年12月13日'  
    }  
  }}  
</script>

并且在子组件中指明要接受的属性：

<script>  
export default {  
  name: 'app',  
  props: ['time']  
}  
</script>

但Vue没有提供同级组件之间交换数据的方法。