vue 爷孙组件通信传值v-bind=“$attrs“ v-on=“$listeners“

1 爷爷组件写法

 <father2 :position="position" @sunYe='sunYe'></father2>

<template>   
<div class="pluginAlertName">
    <el-button type="" @click="FClick">爷爷给孙子发消息</el-button>
      这是爷爷的页面：name:{
  {name}}--age:{
  {age}}
      <div v-if="position2">孙子发来消息-爷爷升职为：{
  {position2}}</div>
      <father2 :position="position" @sunYe='sunYe'></father2>
  </div>
</template>
<script>
import father2 from './vue-father-2.vue'
export default {
  components:{father2},
  created(){
    console.log( this.function1());
  },
  mounted(){
  },
  data(){
    return{
      name:"李四爷",
      age:"90",
      position:"将军",
      position2:""
    }
  },
  methods:{
    sunYe(val){
      this.position2=val
    },
    FClick(){