App Vue コンポーネント

App Vue コンポーネントは Framework7 の主なアプリ コンポーネントで、Framework7 のコア初期化 が行われ、Framework7 のすべてのパラメータが渡されます。

App コンポーネント

含まれるコンポーネントを次に示します

• f7-app

App のプロパティ

f7-app コンポーネントは App パラメータ のすべてをコンポーネントのプロパティとして受け取ります。

例

<template>
  <f7-app v-bind="f7params">
    <!-- ...  -->
  </f7-app>
</template>

<script>
  import AboutPage from './about.vue';
  import ServicesPage from './services.vue';

  export default {
    data() {
      return {
        f7params: {
          name: 'My App',
          // routes
          routes: [
            {
              path: '/about/',
              component: AboutPage,
            },
            {
              path: '/services/',
              component: ServicesPage,
            },
          ],
          // ... other params
        }
      }
    }
  }
</script>