App Vueコンポーネント

App Vue コンポーネントは、すべての Framework7 コアの初期化が行われ、Framework7 のすべての主要なパラメータを渡す場所である、Framework7 のメインのアプリコンポーネントです。

アプリのコンポーネント

以下のコンポーネントが含まれています。

• f7-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',
          id: 'com.myapp.test',
          // ルート
          routes: [
            {
              path: '/about/',
              component: AboutPage,
            },
            {
              path: '/services/',
              component: ServicesPage,
            },
          ],
          // ... その他のパラメター
        }
      }
    }
  }
</script>