vue--子組件主動獲取父組件的數據和方法

子組件主動獲取父組件的數據和方法

簡單示例：

this.$parent.數組

this.$parent.方法

示例：

<template>
    <div id="Header">
        <p>我是一個頭部組件</p>
    <input type="button" value="獲取父組件的屬性和方法" @click="getParent()">
    </div>
</template>
<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      text:'我是子組件的屬性'
    }
  },
  methods:{
    run(){
      alert('我是子組件的方法');
    },
    getParent(){
      alert(this.$parent.msg); // 獲取父組件的方法
      this.$parent.run(); // 獲取父組件的的方法
    }
  },
}
</script>