vue路由怎么跳转一个新的页面

Question

现在页面已经渲染了这个单文件组件，其中111这个链接就是跳转规则但是这样点击就内容就会在这个组件中渲染。怎么才能让他跳转到一个新的页面？？？

Answer 1

配置路由指向一个空白页面，在空白页面中挂载视图组件。可以达到效果。

index.vue

<template>

    <transition name="router-fade" mode="out-in">

        <router-view></router-view>

    </transition>

</template>

router.js

export default [{

    path: '/',

    component: App,

    children: [

        {path: '', component:index},

        {path: 'orderDetail', component:orderDetail}

    ]

}];