【Vue】Vue 中如何点击跳转页面

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 /> 来显示