vuejs2 - Monaca Vue 2 + onsenui 未定义的方法？

Question

使用 monaca / vue2 / onsenui 拆分器模板创建了一个项目。在 main.js 文件中定义了一个测试方法，如下所示：

import 'onsenui';
import Vue from 'vue';
import VueOnsen from 'vue-onsenui';

// Onsen UI Styling and Icons
require('onsenui/css-components-src/src/onsen-css-components.css');
require('onsenui/css/onsenui.css');

import App from './App.vue';

Vue.use(VueOnsen);

var app = new Vue({
  el: '#app',
  template: '<app></app>',
  components:{App} , 
  methods: {

    test: function () {

      console.log('testing');


    }

    }
 });

然后调用方法在这里@click进入homepage.vue

<template>
    <v-ons-page>
      <custom-toolbar :title="'Home'" :action="toggleMenu"></custom-toolbar>
      <p style="text-align: center">
        Welcome home.

         <button v-on:click="test">test</button>

      </p>
    </v-ons-page>
</template>

<script>


  import customToolbar from './toolbar'
  export default {
    props: ['toggleMenu'],
    components: { customToolbar } 
  }
</script>

它总是返回未定义的方法，我错过了一些东西......

项目结构：