Vue路由使用

2021-09-28 13:41:34 字數 607 閱讀 4720

路由是以外掛程式的形式引入到我們的vue專案中來的

vue-router是vue的核心外掛程式

1:建立路由物件 `var router = new vuerouter();

2:配置路由規則 `router.addroutes([路由物件]);

路由物件``

3:將配置好的路由物件交給vue

- ##### 在options中傳遞-> key叫做 router

4:留坑(使用元件) ``

var login=

//安裝路由外掛程式

vue.use(vuerouter);

//建立路由物件

vue 路由使用

1.安裝 2.使用 3.router幾個用法 npm安裝 npm install vue router 1.繫結vue物件 2.非同步載入元件 component import views mysetting person script import vue from vue import rout...

Vue 路由使用

點選登入和註冊可以進行頁面切換 安裝vue,vue router 建立index.html login.js register.js檔案 將vue.js vue router.js login.js register.js按順序引入index.html中 編寫login.js和register.js...

vue路由的使用

1 配置路由檔案 在router.js中寫 import vue from vue import router from vue router import hello from components hello import word from components word vue.use ro...