使用 this.$parent查詢當前元件的父元件。
使用 this.$children查詢當前元件的直接子元件，可以遍歷全部子元件， 需要注意 $children 並不保證順序，也不是響應式的。
使用 this.$root查詢根元件，並可以配合$children遍歷全部元件。
使用 this.$refs查詢命名子元件。

例子：

父元件Game.vue

<template>
<div class="game">
    <h2>{{ msg }}</h2>
    <LOL ref="lol"></LOL
 
>
    <DNF ref="dnf"></DNF>
</div>
</template>
<script>
import LOL from '@/components/game/LOL'
import DNF from '@/components/game/DNF'
export default {
    name: 'game',
    components: {
        LOL,
        DNF
    },
    data () {
        return {
            msg: 
 
'Game',
            lolMsg:'Game->LOL',
            dnfMsg:'Game->DNF',
        }
    },
    methods: {
    
    },
    mounted(){ //注意 mounted
        
        //讀取子元件資料，注意$children子元件的排序是不安全的
        console.log(this.$children[0].gameMsg);//LOL->Game
        
        //讀取命名子元件資料
        console.log(
 
this.$refs.dnf.gameMsg);//DNF->Game
        
        //從根元件查詢元件資料
        console.log(this.$root.$children[0].msg); //APP
        console.log(this.$root.$children[0].$children[0].msg); //Game
        console.log(this.$root.$children[0].$children[0].$children[0].msg); //Game->LOL
        console.log(this.$root.$children[0].$children[0].$children[1].msg); //Game->DNF
    }
}
</script>
<style lang="css">
.game{
    border: 1px solid #00FF00;
    width: 200px;
}  
</style>

子元件LOL.vue

<template>
  <div class="lol">
    <h2>{{ msg }}</h2>
  </div>
</template>

<script>
export default {
    name: 'LOL',
    data () {
        return {
            msg: 'LOL',
            gameMsg:'LOL->Game',
        }
    },
    methods:{

    },
    created(){
        //讀取父元件資料
        this.msg = this.$parent.lolMsg;
    }
}
</script>

子元件DNF.vue

<template>
  <div class="dnf">
    <h2>{{ msg }}</h2>
  </div>
</template>

<script>
import Bus from '../../utils/bus.js'
export default {
    name: 'DNF',
    data () {
        return {
            msg: 'DNF',
            gameMsg:'DNF->Game',
        }
    },
    methods:{

    },
    created(){
        //從根元件向下查詢父元件資料
        this.msg = this.$root.$children[0].$children[0].dnfMsg;
    }
}
</script>