无法访问Vue.js + Framework7中的数据

Question

我是Vue.js的新手 - 现在我正在使用Simple模板玩Framework7 + vue.js（你可以在这里得到它： https://github.com/nolimits4web/Framework7-Vue-Simple-Template）

模板的index.html为：

 <template id="page-about">
     <f7-page>
       <f7-navbar title="Page Abut" back-link="Go Back" sliding></f7-navbar>
       <f7-block inner>
           {{ testing }}
       </f7-block>
     </f7-page>   
</template>

组件在app.js中定义：

Vue.use(Framework7Vue)

Vue.component('page-about', {
  template: '#page-about',
  data: function() {
    return
    {
      testing: 'xxx'
    }
  }
})

问题是当我尝试打开这个模板时，我得到“ReferenceError：测试未定义”

知道造成它的原因是什么？