vue导航栏的路由跳转怎么写

你可以使用 Vue Router 来实现导航栏的路由跳转。首先需要在组件中导入 Vue Router ，然后在导航栏中定义链接，并使用Vue Router提供的<router-link>组件实现路由跳转。例如：

<template>
  <div>
    <nav>
      <router-link to="/">Home</router-link>
      <router-link to="/about">About</router-link>
      <router-link to="/contact">Contact</router-link>
    </nav>
  </div>
</template>

其中，to 属性指定要跳转的路由路径。在路由配置文件中，需要定义这些路由对应的组件，并指定其对应的路径。例如：

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
  { path: '/contact', component: Contact }
];

最后，需要创建一个 Vue Router 实例，并将其与 Vue 实例关联。例如：

const router = new VueRouter({
  routes
});

const app = new Vue({
  router
}).$mount('#app');

这样就完成了导航栏的路由跳转。