VueRouter가 정의되지 않았습니다.

Question

저는 라 라벨 프로젝트가 있으며 프론트 엔드에 Vue.js를 사용하고 싶습니다. 하지만 난 결코 뭔가 jquery보다 복잡한 사용하지 않았습니다. vue-router를 실행할 수 없습니다. 내가 콘솔에서 열린 페이지를하려고 할 때 내 app.js에서

는

require('./bootstrap'); 
require('./vue-router'); 
require('./routes'); 

window.Vue = require('vue'); 
    const app = new Vue({ 
    el: '#app', 
}); 

그럼 난 내 routes.js

const router = new VueRouter(); 

var App = Vue.extend({}); 

router.start(App, '#app'); 

을에서 https://router.vuejs.org/en/installation.html

에서 코드 VUE 라우터를 복사 그리고 난 다음을보십시오 : "VueRouter가 정의되지 않았습니다"

Answer 1

VueRouter usi를 사용하려면 Vue에게 알려야합니다 먼저 Vue.use() 방법을 사용하십시오. 그래서, 수행

import VueRouter from 'vue-router' 

# add this code 
Vue.use(VueRouter) 

var router = new VueRouter({ 
    routes: [ 
    {path: 'home', component: homeComponent} 
    ] 
}) 

업데이트 :

먼저

다음

npm install --save vue-router 

가져 오기를 사용하여 VUE 라우터를 설치 한 다음

import VueRouter from 'vue-router' 

처럼 사용 VUE

에서 사용

Vue.use(VueRouter) 

개

그런 정의하는 경로 :

const routes = [ 
{path: '/', component: SomeComponent} 
] 

다음 라우터를 초기화하고 그것에게 경로를 통과

var router = new VueRouter({ 
    routes: routes, 
    mode: 'history' 
}) 

new Vue({ 
    el: '#root', 
    router: router 
}) 

Answer 2

을 vuejs하도록 라우터를 통과 당신은 Vue.use를 사용하는 것을 잊었다 방법은 다음과 같습니다.

Vue.use(VueRouter) // use the imported router as the parameter.