Javascript Vue-无法获取父项'；s组件数据

我是Vue的新手，我正在尝试使用道具从子组件获取父组件数据，但无法获取父组件数据

谁能告诉我怎么做

多谢各位

window.onload = () => {
  var vm = new Vue({
    el:'#app',
    data:{
      a:'aaa'
    },

    components:{
      'aaa':{
           data(){
             return {
               msg:"parent's component data1",
               msg2:"parent's component data2"
             }
           },
        template:'#aaa',
        component:{
          'bbb':{
            props:['m','myMsg'],
            template:'<h3>{{m}} <br> {{myMsg}}</h3>'
          }
        }
      }
    }
  })
}

window.onload=（）=>{
var vm=新的Vue({
el:“#应用程序”，
数据：{
a:‘aaa’
},
组成部分：{
“aaa”：{
数据（）{
返回{
msg：“父级组件数据1”，
msg2：“父级组件数据2”
}
},
模板：“#aaa”，
组成部分：{
“bbb”：{
道具：['m'，'myMsg']，
模板：“{m}}
{{myMsg}”
}
}
}
}
})
}

aaa-->{{msg}

您的

aaa

组件的模板没有一个根元素。我添加了一个

（见下文）

此外，更重要的是，如果道具是

myMsg

则使用

：my msg

从父级传递道具：

var vm=new Vue({
el:“#应用程序”，
数据：{
a:‘aaa’
},
组成部分：{
“aaa”：{
数据（）{
返回{
msg：“父级组件数据1”，
msg2：“父级组件数据2”
}
},
模板：“#aaa”，
组成部分：{
“bbb”：{
道具：['m'，'myMsg']，
模板：“{m}}
{{myMsg}”
}
}
}
}
});

aaa--->{{msg}