vue基本使用 访问根、父、子级相互通信的方法

main.js 根文件：

data() {
    return {
      rootMsg:"我是根实例"
    }
  },
 methods:{
    getmsg(){
      return this.rootMsg
    }
  }

APP.vue父级文件

data() {
    return {
      rootMsg:"我是APP例"
    }
  },
 methods:{
    getmsg(){
      return this.rootMsg
    }
  }

Mycomponent子级文件

data() {
    return {
      rootMsg:"我是子级实例"
    }
  },
 methods:{
    getmsg(){
      return this.rootMsg
    }
  }

访问根方式： （在子或者父级使用，可以写在template里展示，也可以写在methods里，这里只是基础使用，可以尝试更多）

this.$root.getmsg()
this.$root.rootMsg

修改根实例的值：
this.$root.rootMsg="test"

访问父级方式

this.$parent.msg
this.$parent.getappmsg()

访问子方式

this.$refs.msg
this.$refs.getsonmsg()