vue快速入门使用js进行路由跳转

在Vue中，可以使用JavaScript来进行路由跳转。这通常是通过Vue Router的实例方法来完成的。以下是一个简单的例子：

首先，确保你已经安装并设置了Vue Router。

// 引入Vue和VueRouter
import Vue from 'vue'
import VueRouter from 'vue-router'
 
// 定义一些组件
const Home = { template: '<div>Home</div>' }
const About = { template: '<div>About</div>' }
 
// 安装插件
Vue.use(VueRouter)
 
// 创建路由实例
const router = new VueRouter({
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About },
  ],
})
 
// 创建Vue实例
new Vue({
  router,
  template: `
    <div id="app">
      <h1>Vue Router 示例</h1>
      <ul>
        <li><router-link to="/">Home</router-link></li>
        <li><router-link to="/about">About</router-link></li>
      </ul>
      <router-view></router-view>
    </div>
  `
}).$mount('#app')

在你的Vue组件中，你可以使用this.$router.push方法来进行路由跳转：

export default {
  methods: {
    goToAbout() {
      // 使用JavaScript进行路由跳转到/about路径
      this.$router.push('/about');
    }
  }
}

在模板中，你可以这样使用：

<button @click="goToAbout">Go to About</button>

点击按钮将会触发goToAbout方法，从而使用JavaScript进行路由跳转。