vue2 子组件调用父组件中data中的值

父组件：

 export default {
        data() {
            return {
                aaa:'777'
            }
        }
  }

子组件：

export default {
        data() {
            return {

            }
        }，
        methods:{
            callParent(){
                console.log(this.$parent.aaa)
            }
        }
  }

当子组件调用callParent方法的时候 显示的结果是父组件data中aaa的值777