NativeScript-Vue中RadDataForm无法更新源数据，求技术支持

大家好，我是Hans，最近开发单页应用时碰到了个小问题，折腾了好一阵没解决，来请教下各位。

我用RadDataForm渲染了一个表单，修改里面的字段内容后，点击顶部ActionBar的“SAVE”按钮，控制台打印出来的依然是原始的person数据，完全看不到修改后的内容。

下面是我的完整代码：

<template>
  <Page>
    <ActionBar>
      <Label text="SAVE" @tap="saveScreen()" />
    </ActionBar>
    <StackLayout>
      <RadDataForm :source="person"/>
    </StackLayout>
  </Page>
</template>
<script>
  export default {
    data () {
      return {
        person: {
          name: 'John',
          age: 23,
          email: 'john@company.com',
          city: 'New York',
          street: '5th Avenue',
          streetNumber: 11,
        },
      };
    },
    methods: {
      saveScreen() {
        console.log('=======personName: ' + JSON.stringify(this.person))
      }
    }
  }
</script>
<style>
</style>

我知道这应该是个基础问题，但我已经查了不少资料还是没找到解决办法，恳请各位大佬指点迷津，谢谢大家！

内容的提问来源于stack exchange，提问作者Hans Bakker