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

Question

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

Answer 1

配置路由指向一个空白页面，在空白页面中挂载视图组件。可以达到效果。index.vue<template>&nbsp; &nbsp; <transition name="router-fade" mode="out-in">&nbsp; &nbsp; &nbsp; &nbsp; <router-view></router-view>&nbsp; &nbsp; </transition></template>router.jsexport default [{&nbsp; &nbsp; path: '/',&nbsp; &nbsp; component: App,&nbsp; &nbsp; children: [&nbsp; &nbsp; &nbsp; &nbsp; {path: '', component:index},&nbsp; &nbsp; &nbsp; &nbsp; {path: 'orderDetail', component:orderDetail}&nbsp; &nbsp; ]}];