溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關vue.js引用vue router的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
vue.js引用vue router的方法：首先安裝npm包，代碼為【npm install vue-router --save】；然后利用【v-link】這個【directive】。
vue.js引用vue router的方法：
安裝
基于傳統，我更喜歡采用npm包的形式進行安裝。
npm install vue-router --save
當然，官方采用了多種方式進行安裝，包括bower,cdn等。
基本用法
在HTML文檔中使用，只需要利用v-link這個directive就行了，如：
<a v-link="{path: '/view-a'}">Go to view-a</a>ps: v-link還支持activeClass用于指定鏈接活躍時的css樣式。replace屬性為true的時候可以讓鏈接在跳轉的時候不會留下歷史記錄。
而在ES5中使用，需要先創建路由器實例，隨后傳入配置參數即可，如：
var router = new VueRouter();
router.map({
'/view-a': {
component: ViewA
},
'/view-b': {
component: ViewB
}
});
router.start(App, '#app');關于vue.js引用vue router的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
