vue父子组件children和refs方法的使用

当父组件想调用子组件的方法或者属性，我们可以使用children和refs方法，

children方法

①children得到的是一个所有组件的集合，保存到一个数组当中，所以子组件不固定数目的时候，使用children是不方便的,,children使用的几率比较小

②chlidren是在methods方法中使用的，this.$children返回一个数组,

refs方法

①refs是根据组件名字来取的响应组件的属性，所以必须在组件上使用ref=“name”定义一个名字，才可以在methods方法中使用this.$refs.name

②refs适合拿具体某一个组件的方法和属性，他是根据名字拿的，所以无论添加多少个组件，对其没有影响

注意

1、在methods中children和refs使用时前面都是要加$

2、 ref可以在绑定在组件上，可以拿到子组件的属性和方法，ref也可以绑定在普通html元素，通过this.$refs.name也可以拿到该元素。