Vue路由規則中定義引數

2022-02-24 14:02:24 字數 2830 閱讀 5758

vue使用routerlinke定義引數的時候  路由規則中不需要更改任何屬性。

路由其實就是我們在html中定義的錨點,點選這個連線跳轉乙個錨點。vue中的路由也是這個原理,

前提是路由必須建立在例項之前。

>登入

router-link

>

<

router-link

to="zhuce"

>註冊

router-link

>

<

router-view

>

router-view

>

div>

<

script

>

varlog=,

}varzhuce

=

varrouter

=new

vuerouter(,

,//當進入介面的時候,預設顯示註冊介面,redirect 是string型別的

>登入

router-link

>

<

router-link

to="/zhuce"

>註冊

router-link

>

<

router-view

>

router-view

>

div>

<

script

>

varlog=,

}varzhuce

=

varrouter

=new

vuerouter(,

,//當進入介面的時候,預設顯示註冊介面,redirect 是string型別的

], })

varvm

=new

vue(,

router:router

})

Vue 路由規則 傳引數

1,query方法去獲取引數 登入 router link router link to register?abc 123 註冊 router link router view router view div script varlogin created varregister varrouter...

Vue路由獲取路由引數

vue路由設定路由引數有2種方式 登入通過query配置的路徑顯示如下 註冊通過query配置的路徑顯示如下 通過該方法配置的引數,需要在配置路由的時候給引數留個坑,如下圖 獲取路由引數的方法 this.route.query this.route.params doctype html html ...

vue 配置路由規則和顯示路由

路由規則的配置在src router index.js中,可配置如下內容 import from vue router import home from views home.vue import about from views about.vue const routes const route...