vue路由页面跳转path怎么写

在 Vue.js 中使用 Vue Router 进行页面跳转，可以通过以下方式设置路由路径：

1. 在路由配置文件中（一般为 `router.js`）定义路由路径：

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import About from '@/components/About'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

上面代码中，定义了两个路由路径：`/` 和 `/about`，分别对应着 `Home` 和 `About` 组件。

2. 在组件中使用 `router-link` 标签或者 `this.$router.push()` 方法实现页面跳转：

<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>

或者

this.$router.push('/')
this.$router.push('/about')

上面代码中，`router-link` 标签会渲染成 `<a>` 标签，并在点击后触发路由跳转，`this.$router.push()` 方法则是在组件内部调用，可以在方法中进行一些逻辑处理后再跳转。