vue 获取父组件里的ref_Vue使用日记（9）：Vue组件之间的通信（二）

有时候我们需要父组件 直接访问子组件，子组件直接访问父组件，或者是子组件访问根组件。

官方指出：

1)父组件访问子组件：使用$children或$refs；

2)子组件访问父组件：使用$parent。

1、父组件访问子组件：$children

1)this.$children是一个数组，它包含所有子组件对象；

2)我们这里通过一个遍历，取出所有子组件的message状态。

<div id="app">    <parent-cpn>parent-cpn>div><template id="parentCpn">    <child-cpn1>child-cpn1>    <child-cpn2>child-cpn2>    <button @click="showMessage">显示所有子组件信息<button>template><template id="childCpn1&#