vuejs怎么实现路由跳转?

vuejs如何实现路由跳转?下面编程教程网小编给大家简单介绍一下如何现实路由跳转!

1、利用router-link实现路由跳转

<template>
  <div>
    <div class="footer_wrap">
      <router-link to="/tools">编程教程网</router-link>
      <router-link to="/my">我的</router-link>
      <router-link to="/vuejs">vuejs</router-link>
    </div>
    <div class="top">
      <router-view></router-view>
    </div>
  </div>
</template>

2、利用router实现路由跳转

this.$router.push({ name:'web', query:{ name:'cnweb', age:'12' } })
以上是编程学习网小编为您介绍的“vuejs怎么实现路由跳转?”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vuejs怎么实现路由跳转?

基础教程推荐