Question

我正在使用Vue UI，正在尝试实现vue路由，但是出了点问题。我有两个组成部分，一个叫做开始，另一个叫做俱乐部。由于某种原因，我在Vue UI gui中收到两个错误，指出它找不到这些模块。但是，它们当前位于src> components>中。我浏览了文档和教程，其中一些语法略有不同，但是无论如何我都无法使用它。欢迎任何帮助。

当前，mt main.js如下；

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

import Start from './Start.vue'
import Clubs from './Clubs.vue'

Vue.use(VueRouter);

const routes = [
    { path: '/', components: Start },
    { path: '/clubs', components: Clubs }
];

const router = new VueRouter ({
     routes: routes
});

new Vue({
  el: '#app',
  routes,
  render: h => h(App)
});

Answer 1

您在第10-13行之间的代码必须如下，您用components键调用了，应该是component

const routes = [
  { path: "/", component: Start },
  { path: "/clubs", component: Clubs }
];

您应该在第21行中用routes更改router

const app = new Vue({
  el: "#app",
  router, // not 'routes'
  render: h => h(App)
});

使用Vue UI时如何实现Vue Router？

1 个答案: