vue 2에서 구성 요소없이 vue-router를 사용할 수 있습니까?

Question

나는 매우 간단한 페이지를 가지고 있으며 몇 줄의 코드 만 있고 vue-component없이 vue-router를 사용하고 싶습니다.

www.example.com/my-search-query 

을 내 주요 뷰() 객체에서 사용 :

나는 루트 후 string "my-search-query"을 좀하고 싶습니다. 이것이 가능한가?

감사합니다.

Answer 1

경로에 대한 알림 여전히 vue-component 및없이 vue-router을 사용할 수 있습니다 메인 뷰() 응용 프로그램 객체의 변화 :

이 같은 www.example.com/#/my-search-query에서 "my-search-query" 문자열을 얻을 수 있습니다 :

const router = new VueRouter({ 
    routes: [ 
    { path: '/:question' } 
    ] 
}) 

const app = new Vue({ 
    el: '#app', 
    router, 
    watch: { 
    '$route.params.question': function(newVal, oldVal) { 
     alert(newVal === 'my-search-query'); 
    } 
} 
}); 

덕분에 올바른 방향으로 날을 가리키는 위해 @samayo하기!

Answer 2

tom_h는 경로 이름을 얻으려는 경우 window.location.pathname을 사용할 수 있다고 말했습니다. 당신이 통보 할 경우이 경로 변경, 먼저() {데이터로 초기화} 객체와로 볼 때 :

data() { 
    return { 
    path: window.location.pathname 
    } 
}, 

watch: { 
    path (newpath, oldpath) { 
    alert('location path just changed from ' + newpath + ' to ' + oldpath) 
    } 
}