Props的用法

基本用法：

主要作用是让使用该组件的父组件可以传入参数来配置该组件。它是外部传进来的配置参数，组件内部无法控制也无法修改。除非外部组件主动传入新的 props，否则组件的 props 永远保持不变。

父组件通过属性绑定向子组件传值，绑定的属性名称需要在子组件的props属性身上定义一下，可以简单定义为数组。
数组方式对于其要接受的参数有什么要求并不清楚，因此传入的参数可能会在开发子组件的人的意料之外，程序就会发生错误，就像我们在函数调用之前先检查一下函数一样。props也可以进行一个预先检查。
props 属性指向一个对象来规定各个绑定属性值的校验规则。

传递动态或静态Props

<!-- 静态赋予一个变量的值 -->
<children-box name="张三" "></children-box>

<!-- 动态赋予一个变量的值 -->
<children-box :name="name" "></children-box>

<!-- 动态赋予一个复杂表达式的值 -->
<children-box :name="name+'三'" "></children-box>