Vue3组件

一、通过 Prop 向子组件传递数据

我们使用组件时，如果模板中的内容都固定不变，那么每个模块引入该组件的内容都将一致；其实我们也可以不这样，比如我们可以将组件的某些内容变为动态的，内容由父元素的传值决定，vue给我们提供了props属性，让我们的组件可以对子组件传值。

单向数据流 

所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。

另外，每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。

注意：

注意那些 prop 会在一个组件实例创建之前进行验证，所以实例的 property (如 data、computed 等) 在 default 或 validator 函数中是不可用的。

子组件Gjh.vue          --------       子组件接收父组件传送的数据，同时进行一个验证

<script>
export default {
  // 【子组件接收父组件的数据，同时进行一个验证】