当父组件想调用子组件的方法或者属性，我们可以使用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也可以拿到该元素。
当父组件想调用子组件的方法或者属性，我们可以使用children和refs方法， children方法 ①chil...
1. parent，$children 基础使用：参考vue官方文档 $refs 父组件调用子组件的方法或属性 $...
父组件访问子组件:使用 refs $children使用的不多,只有想拿到所有子组件的时候才会用 $refs =...
在vue2时代，$refs 直接操作子组件 this.$refs.gridlayout.$children[ind...
1、父组件访问子组件: 使用 $children 或 $refs $children 示例 下面这段代码定义了3个...
Vue 组件之间的通信大概归类为： 父子组件通信: props/$emit；ref/refs；$attrs / $...
Vue 2.6版本以后 子组件dom节点 通过this.$refs.content.children[0] 获取 ...
vue中文文档 使用Vuex详解 vue-router 基本使用 vue全局使用axios的方法 vue 父子组件...
参考：vue的8种通信方式 1、$emit、props 父子组件通信（常用） 2、 ref、$refs 指向组件实...
父子组件通信 父组件 -> 子组件：prop 子组件 -> 父组件：emit 获取组件实例：使用children，...
本文标题：vue父子组件children和refs方法的使用
本文链接：https://www.haomeiwen.com/subject/qsxaektx.html
网友评论