vue中页面跳转的方式有哪些

在Vue中实现页面跳转的方式有：1.使用a标签跳转；2.使用this.$router.push()函数跳转；3.使用router-link标签跳转；

在vue中实现页面跳转的方式有以下几种

使用a标签跳转

<a href="https://www.baidu.com"><button>点击跳转</button></a>

使用this.$router.push()函数跳转

<template>
 <div id='test'>
 <button @click='GoTo()'>点击跳转</button>
 </div>
</template>
<script>
 export default{
 name:'test',
 methods:{
 goTo(){
 this.$router.push('/testDemo');

使用router-link标签跳转

<router-link :to="{path:'testDemo',query:{setid:123456}}">
 <button>点击跳转</button>
</router-link>