Как реализовать Vue Router при использовании Vue UI? - PullRequest
Новая
       8

Как реализовать Vue Router при использовании Vue UI?

0 голосов
/ 12 января 2019

Я использую Vue UI и пытаюсь реализовать vue маршрутизацию, но что-то не так. У меня есть два компонента, один из которых называется «Старт», а другой - «Клубы». По какой-то причине я получаю две ошибки в пользовательском интерфейсе Vue, утверждающие, что он не может найти эти модули. Однако в настоящее время они находятся в 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)
});

1 Ответ

0 голосов
/ 14 января 2019

Ваши коды между строками 10-13 должны быть такими, как показано ниже, вы звонили с помощью клавиши components, это должно быть component

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

И вы должны изменить routes с router в строке 21 

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