欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue router 跳轉(zhuǎn)

Vue Router是Vue.js官方提供的路由管理插件,我們可以使用它完成頁面路由的跳轉(zhuǎn),不需要刷新整個(gè)頁面。

在Vue項(xiàng)目中,我們可以使用Vue Router實(shí)現(xiàn)頁面跳轉(zhuǎn)。首先,在main.js文件中引入Vue Router:

import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'
Vue.use(VueRouter)
const router = new VueRouter({
routes,
mode: 'history'
})
new Vue({
router,
render: h =>h(App),
}).$mount('#app')

上面的代碼中,我們先引入了Vue Router,并在Vue實(shí)例中注冊(cè)該插件。接著,我們創(chuàng)建了一個(gè)VueRouter實(shí)例,并將路由對(duì)象作為參數(shù)傳入。通過mode屬性可以設(shè)置路由模式,這里使用了history模式。

接下來,我們可以在組件中使用Vue Router提供的指令和API完成頁面跳轉(zhuǎn)。比如,我們可以使用v-router-link指令定義一個(gè)跳轉(zhuǎn)鏈接:

<router-link to="/about">About</router-link>

這里,to屬性指定了跳轉(zhuǎn)的目標(biāo)路由。我們還可以使用編程式路由實(shí)現(xiàn)頁面跳轉(zhuǎn),比如:

// 跳轉(zhuǎn)到指定路由
this.$router.push('/about')
// 返回上一級(jí)路由
this.$router.go(-1)

以上就是關(guān)于Vue Router跳轉(zhuǎn)的一些介紹,希望對(duì)大家有所幫助。