$goRoute 是 Vue 中一個(gè)非常實(shí)用的路由命令,它能夠在 Vue 應(yīng)用的頁(yè)面之間實(shí)現(xiàn)無(wú)縫切換,提升了應(yīng)用的交互體驗(yàn)。
使用 $goRoute 命令,需要先在 Vue 實(shí)例中引入路由模板,代碼示例如下:
import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const router = new VueRouter({ routes: [ { path: '/', name: 'home', component: Home, }, { path: '/about', name: 'about', component: About, }, ], }); new Vue({ el: '#app', router, components: { App }, template: '', });
在引入完路由模板后,我們可以在組件中使用 $goRoute 命令。例如,我們?cè)谝粋€(gè)按鈕中使用 $goRoute 命令跳轉(zhuǎn)到另外一個(gè)組件,代碼示例如下:
在上述代碼中,我們?yōu)榘粹o添加了一個(gè) click 事件,在事件中使用 $goRoute 命令跳轉(zhuǎn)到了 About 組件。這樣,在應(yīng)用中切換頁(yè)面就變得非常簡(jiǎn)單和便捷。