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

思路:在有路由的情况下,对页面进行注册,并通过方法对路由中的实例(页面)进行转发,达到跳转页面的效果


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

发布了12 篇原创文章 · 获赞 14 · 访问量 6443

猜你喜欢

转载自blog.csdn.net/weixin_42678675/article/details/104607441
今日推荐