vue怎么在script标签实现路由跳转

在 Vue 中实现路由跳转可以使用 Vue Router，这是 Vue.js 官方提供的路由管理器。

首先，需要在 Vue 项目中安装并配置 Vue Router。在项目的入口文件中，一般是 `main.js` 文件中，引入 Vue Router 并将其挂载到 Vue 实例上：

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    // 配置路由映射关系
  ]
})

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

在配置路由映射关系时，需要将路由信息配置在 `routes` 数组中，每个路由信息是一个对象，包含 `path` 和 `component` 等属性。例如：

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Home
    },
    {
      path: '/about',
      component: About
    },
    // ...
  ]
})

路由配置完成后，就可以在组件中使用路由跳转了。在 `script` 标签中，可以使用 `this.$router.push` 方法来实现路由跳转。例如：

export default {
  methods: {
    gotoAbout() {
      this.$router.push('/about')
    }
  }
}

这里的 `gotoAbout` 方法是一个自定义方法，可以在模板中绑定到一个按钮或链接上，当用户点击时即可触发路由跳转。通过 `$router.push` 方法指定要跳转的路由路径，Vue Router 会自动加载对应的组件并渲染到页面中。