vue router 配置路由

2021-09-11 13:26:48 字數 601 閱讀 6055

vue-router 配置路由

用 vue.js + vue-router 建立單頁應用,是非常簡單的。使用 vue.js ,我們已經可以通過組合元件來組成應用程式,當你要把 vue-router 新增進來,我們需要做的是,將元件(components)對映到路由(routes),然後告訴 vue-router 在**渲染它們。

"en">"/home">home

"/about">about

複製**

複製**

"/user/1001">使用者 jack

"/user/1002">使用者 rose

// 路由:

// user元件:

const user = }`}

複製**

// 父元件:

const user = vue.component('user', )

// 子元件:

const userprofile =

const userposts =

,

]}複製**

vue router 路由配置

前提 專案由 vue cli 腳手架建立。npm install vue router 安裝完成後,執行專案 npm run dev 開啟 main.js 引入並使用 vue router import vuerouter from vue router vue.use vuerouter 引入建立...

vue router路由屬性配置說明

export default newrouter 命名檢視元件 redirect string location function 重定向 props boolean string function 路由元件傳遞引數 alias string array 路由別名 children array 巢狀...

vue router路由巢狀

巢狀路由顧名思義就是路由的多層巢狀。結合vue router仿天貓底部導航欄,給元件me新增巢狀路由,也叫子路由。總共新增兩個子路由,分別命名collection.vue 我的收藏 和trace.vue 我的足跡 1 重構router index.js的路由配置,需要使用children陣列來定義子...