如何拿到兄弟组件的属性

要在一个组件中获取其它兄弟组件的属性，可以使用`$parent`和`$children`属性。

`$parent`属性用于获取当前组件的父组件实例，可以通过`$parent`属性访问父组件的属性和方法。

`$children`属性用于获取当前组件的所有子组件实例，可以通过遍历`$children`数组来访问每个子组件的属性和方法。

以下是一个示例代码：

<template>
  <div>
    <sibling-component ref="sibling"></sibling-component>
    <button @click="handleClick">获取兄弟组件属性</button>
  </div>
</template>

<script>
import SiblingComponent from './SiblingComponent.vue'

export default {
  components: {
    SiblingComponent
  },
  methods: {
    handleClick() {
      // 获取兄弟组件实例
      const sibling = this.$refs.sibling
      // 获取兄弟组件的属性
      const siblingProp = sibling.prop
      // 调用兄弟组件的方法
      sibling.method()
      
      // 获取所有子组件实例
      const children = this.$children
      // 遍历子组件数组，访问每个子组件的属性和方法
      children.forEach(child => {
        const childProp = child.prop
        child.method()
      })
    }
  }
}
</script>

在模板中，通过`ref`属性给兄弟组件指定一个引用名称，然后在组件实例中使用`$refs`属性获取兄弟组件的实例。

在`handleClick`方法中，通过`$refs`属性获取兄弟组件的实例，然后就可以访问兄弟组件的属性和方法了。同样的，也可以通过遍历`$children`数组来访问所有子组件的属性和方法。需要注意的是，`$children`属性的顺序是不保证的，因此在遍历时需要自行判断每个子组件的类型。