vue router的安裝和使用

2021-10-08 12:09:43 字數 621 閱讀 1571

1.安裝:npm install vue-router或cnpm install vue-router 或yarn add vue-router

2.在新建router.js中引用如下**:

import vue from 'vue'

import vuerouter from 'vue-router'

vue.use(vuerouter)

3.在src中新建view資料夾,在view新建例如:home資料夾,在資料夾中新建index.vue

4.在router.js中設定:

6.在main.js中編寫**

7.開啟瀏覽器即可看到頁面

vue router的安裝與使用

使用vue腳手架建立專案,在是否使用路由器時選擇yes,等待專案安裝完畢 在專案的src根目錄中新增了乙個資料夾,叫做router,在router資料夾中有乙個index.js檔案 import vue from vue import router from vue router import he...

Vue router安裝及使用 切換

1 安裝 npm install vue router或cnpm install vue router或yarn add vue router 2 在新建router.js中引用如下 router.js建立在src資料夾下 importvuefrom vue importvuerouterfrom ...

如何安裝vue router

unpkg.com 提供了基於 npm 的 cdn 鏈結。上面的鏈結會一直指向在 npm 發布的最新版本。你也可以像 這樣指定 版本號 或者 tag。在 vue 後面載入 vue router,它會自動安裝的 npm npm install vue router 如果在乙個模組化工程中使用它,必須要...