vue子组件直接调用父组件的属性和方法

<template>
    <div class="chile">我是子组件 -----父组件对我说-----{{msg}}
     <br />
   <input type="button" @click="sendfuMsg" value="给父组件传递值">


    <button @click="btnzf">btnzf</button>
    </div>




</template>
<script>
export default {
     name:"child",
        props:{
            msg:{
            type:String,
            }
        },
     data() {
         return {
              msga:"我是子组件呐"
         }
     },

     methods: {
         
         headerInfo(){
             alert("父组件调用子组件")
         },
         sendfuMsg(){
             this.$emit('func',this.msga)
         },
         btnzf(){
             //子组件直接调用父组件的方法
             this.$parent.btn();
         }

     },
     
}
</script>