2022-04-11更新：完整的跳轉頁面方法的詳解：【Vue | 補洞 | 18】編程式路由導航

---

思路：在有路由的情況下，對頁面進行注冊，并通過方法對路由中的實例（頁面）進行轉發，達到跳轉頁面的效果

---

1、在 router 目錄下的 index.js 中加入組件的路由信息，包括路徑、名稱

import vMarkDown from '@/components/v-markDown' routes: [{path: '/',name: 'HelloWorld',component: HelloWorld},{path:'/',name:'v-markDown',component:vMarkDown}]

2、在要實現跳轉的頁面中加入 @click 事件

3、在 app.vue 中加入 <router-view /> 來顯示

總結

以上是生活随笔為你收集整理的【Vue】Vue 中如何点击跳转页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。