【Vue】三：Vue组件：props配置 父组件获取子组件

1.props配置

父组件：

子组件：

1.1 方式一：简单的接收方式：直接采用数组接收

1.2 方式二：添加类型限制

1.3 方法三：添加类型限制，添加默认值，添加必要性

1.4 不要修改props中的值

如果要对props传过来的值稍作修改后展示，则可以定义一个新的变量，然后将props传过来的值赋给变量，修改变量的值，再将变量展示出去。

2.从父组件获取子组件

（1）在组件上使用 ref 属性进行标识
（2）在程序中使用$refs 来获取所有子组件
（3）在程序中使用$refs.标识 来获取某一个组件

ref 也可以使用在普通的 HTML 标签上，这样获取的就是这个 DOM 元素。