有關於路由的基礎使用（一級路由和二級路由）

2021-10-21 16:36:40 字數 2002 閱讀 1017

node中的路由:web伺服器根據使用者輸入的不同url位址,來返回不同的頁面.

vue中路由:路由是vue.js中的乙個路由元件,需要結合元件來實現單頁面應用.

vue init webpack 專案名稱


npm run dev
assest:  logo.png刪除


components: helloword.vue 刪除


main.js
新建login.vue home.vue about.vue
官網:

2.main.js引入:

// 引入路由

import vue from

'vue'

import router from

'vue-router'

vue.

use(router)

main.js


// 匯出元件


import login from


'./components/login'


import home from


'./components/home'


import about from


'./components/about'
// 配置路由元件規則


const router =


newrouter(,


,]})
new vue()

在瀏覽器中訪問:


http://localhost:8080/#/home
登入 |
新建man.vue women.vue child.vue
main.js


import man from


'./components/man'


import women from


'./components/women'


import child from


'./components/child'
,,


,}


src


router


index.js


// 1.引入路由


import vue from


'vue'


import router from


'vue-router'


vue.


use(router)


// 2.匯出元件


import login from


'../components/login'


import home from


'../components/home'


import about from


'../components/about'


import man from


'../components/man'


import women from


'../components/women'


import child from


'../components/child'


// 3配置路由元件規則


const router =


newrouter(,


,,,]


},,]


})export


default router

一級路由器 和 二級路由器 的關係

1.一級路由器lan口的網線接二級路由器wan口，電腦連線二級路由器任意lan口，進入管理介面。2.在管理介面，設定二級路由器的wan口，可設定為 自動獲取 前提是可以獲取得到 或者 固定ip 輸入乙個跟一級路由器lan口處於同一網段且沒有被使用的ip 設定完畢點選 儲存 3.在管理介面，設定二級路...

斐訊路由器一級路由怎麼訪問二級路由

一般我們都是二級路由器ping通一級路由器，但是如果一級路由器要ping通二級路由器的裝置，需要對路由器進行設定，具體該怎麼設定呢？請看下文詳細的 介紹。一 設定二級路由器 1 瀏覽器中輸入路由器位址，在登入介面輸入使用者名稱密碼，登入路由器wybqw。2 路由器介面中，選擇上網設定選項。3 上網設...

vue三十二 Vue Router之一級路由配置

vue router vue router是用來將乙個vue程式的多個頁面進行路由的。比如乙個vue程式 或者說乙個 有登入 註冊 首頁等模組，那麼我們就可以定義 login register 來對映每個模組。基本使用 1.建立乙個 vuerouter 物件 new vuerouter 2.在 vu...