vue组件内的data数据值想获取根实例的data数据值，新手求指导

Question

问题描述：在根实例里定义了一个my-aaa的组件，现在想把根实例里面的aaaa的属性值赋给my-aaa组件里面的msg，请问该怎么做，如果所示msg:vm.aaaa报错了
<div id="box">
    <my-aaa></my-aaa>
</div>

<script>
    var vm=new Vue({
        el:'#box',
        data:{
            aaaa:2
        },
        components:{
            'my-aaa':{
                data(){
                    return {
                        msg:vm.aaaa
                    }
                },
                methods:{
                    change(){
                        this.msg='changed';
                    }
                },
                template:'<h2 @click="change">标题2->{{msg}}</h2>'
            }
        }
    });

</script>

Answer 1

...
'my-aaa': {
  data() {
    return {
      msg: this.$root.aaaa
    }
  },
...

Answer 2

直接用props就是了，有啥好问的