0

components/App.vue 内のテンプレート内で #app の ID を持つコンポーネント タグを使用するたびに、次のエラーが返されます。

// components/App.vue
<template>
  <div id="app">
    <img class="logo" src="./assets/logo.png">
    <hello></hello>
    <a v-link="{ path: '/home' }">Go to Foo</a>
    <a v-link="{ path: '/about' }">Go to Bar</a>
    <p>
      Welcome to your Vue.js app!
    </p>
    <router-view></router-view>
  </div>
</template>

エラー

[vue-router] <router-view> can only be used inside a router-enabled app.

[vue-router] v-link can only be used inside a router-enabled app.

ただし、コンポーネントなしでこのようにすると、コンポーネントIDを持つ通常の要素だけで正常に動作します。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>VueJS Starter</title>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>

Webコンポーネントでルーターを使用する方法はありますか? 要素 ID で使用する必要があるため、Chrome の vue-devtools でも機能しません。

4

1 に答える 1

1

main.js必ずファイルに情報を提供してください。

そこで、次のように、ルーターを適切にインポートして使用する必要があります。

import VueRouter from 'vue-router';
...
Vue.use(VueRouter);
于 2017-01-09T14:12:09.050 に答える