這篇文章將為大家詳細(xì)講解有關(guān)vue.js引用vue router的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)秉承實(shí)現(xiàn)全網(wǎng)價(jià)值營銷的理念，以專業(yè)定制企業(yè)官網(wǎng)，成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作，小程序定制開發(fā)，網(wǎng)頁設(shè)計(jì)制作，手機(jī)網(wǎng)站制作設(shè)計(jì)，成都營銷網(wǎng)站建設(shè)幫助傳統(tǒng)企業(yè)實(shí)現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級(jí)專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對(duì)客戶都以感恩的心態(tài)奉獻(xiàn)自己的專業(yè)和所長。

vue.js引用vue router的方法：首先安裝npm包，代碼為【npm install vue-router --save】；然后利用【v-link】這個(gè)【directive】。

vue.js引用vue router的方法：

安裝

基于傳統(tǒng)，我更喜歡采用npm包的形式進(jìn)行安裝。

npm install vue-router --save

當(dāng)然，官方采用了多種方式進(jìn)行安裝，包括bower,cdn等。

基本用法

在HTML文檔中使用，只需要利用v-link這個(gè)directive就行了，如：

Go to view-a

ps: v-link還支持activeClass用于指定鏈接活躍時(shí)的css樣式。replace屬性為true的時(shí)候可以讓鏈接在跳轉(zhuǎn)的時(shí)候不會(huì)留下歷史記錄。

而在ES5中使用，需要先創(chuàng)建路由器實(shí)例，隨后傳入配置參數(shù)即可，如：

var router = new VueRouter();
router.map({
  '/view-a': {
    component: ViewA
  },
  '/view-b': {
    component: ViewB
  }
});
router.start(App, '#app');

關(guān)于vue.js引用vue router的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。