vue3页面跳转的两种方式（vue跳转页面不刷新）原创

// 1、不带参数直接跳转
<router-link to=’/testDemo’>
<button>点击跳转1</button>
</router-link>
<router-link :to=”{name:’testDemo’}”>
<router-link :to=”{path:’/testDemo’}”> //name,path都行, 建议用name
// 2、带参数跳转
// （1）query参数
<router-link :to=”{path:’testDemo’,query:{id:001}}”>
<button>点击跳转2</button>
</router-link>
// 类似类似get,url后面会显示参数
// 路由可不配置
// （2）params参数
<router-link :to=”{name:’testDemo’,params:{setid:002}}”>
<button>点击跳转3</button>
</router-link>
// 类似post
// 路由配置 path: “/home/:id” 或者 path: “/home:id”