Javascript 无法访问Vue.js+；框架7

我是Vue.js新手-现在我正在使用简单模板玩Framework7+Vue.js（您可以在这里获得它： )

该模板包含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>

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

---

知道是什么引起的吗？

关于模板的

页面可能嵌套在您的Vue模板中吗？看起来您正在使用framework7，它将初始化一组组件和路由。因此，除非您以某种方式传入，否则f7页面组件将无法访问其父级数据。如果您只是在学习Vue，最好不要使用一个使一切都复杂化的大框架。它似乎在Vue初始化中定义为根的框架中：“#app”尝试这种方式，数据：{testing:'xxx'}关于

模板的

页面是否可能嵌套在您的Vue模板中？看起来您正在使用framework7，它将初始化一组组件和路由。因此，除非您以某种方式传入，否则f7页面组件将无法访问其父级数据。如果您只是在学习Vue，最好不要使用一个使一切都复杂化的大框架。它似乎在Vue初始化中定义为根的框架中：“#app”尝试这种方式，数据：{testing:'xxx'}
Vue.use(Framework7Vue)

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