$parent

一、认识

---

$parent 读取父实例，如果当前实例有的话。

二、语法

---

父组件

<template>
  <div>
    <AComp></AComp>
  </div>
</template>

<script>
import AComp from "./aComp.vue";

export default {
  name: "App",
  components: { AComp },
  data(){
    return {
      name: "为人进出的门紧锁着"
    }
  },
  methods:{
    setName(name){
      this.name = name;
    }
  }
};
</script>

子组件

<template>
  <div>
    {{ $parent.name }}
    <button @click="setName">改变 name</button>
  </div>
</template>

<script>
export default {
  props:{
    name: String
  },
  methods:{
    setName(){
      this.$parent.setName("为狗爬出的洞敞开着");
    }
  }
};
</script>