Vue UI를 사용하는 동안 Vue 라우터를 구현하는 방법

Vue UI를 사용하는 동안 Vue 라우터를 구현하는 방법

나는 Vue UI를 사용하고 있고 Vue 라우팅을 구현하려고 하는데 뭔가 잘못됐어.나는 Start라고 불리는 것과 Club이라고 불리는 두 가지 요소를 가지고 있다.어떤 이유로 나는 Vue UI gui에서 이러한 모듈을 찾을 수 없다는 두 가지 오류를 얻는다.그러나, 그것들은 현재 src > 컴포넌트 > 에 앉아 있다. 나는 문서와 자습서를 훑어보았는데, 그 중 몇몇은 구문이 약간 다르지만, 어떤 것이든 그것을 작동시킬 수 없다.어떤 도움이라도 환영한다.

현재 mount 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)
});

10-13번 라인 사이에 있는 당신의 코드는 아래와 같아야 한다.components열쇠, 그래야 한다.component

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

그리고 너는 변해야 한다.routes와 함께router21호선에

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

참조URL: https://stackoverflow.com/questions/54163646/how-do-i-implement-vue-router-while-using-vue-ui