vue怎么跳转到本地html

如果你想要在Vue应用程序中跳转到本地HTML文件，可以使用Vue Router。Vue Router是Vue.js的官方路由器，它可以帮助你在单页面应用程序中管理导航。以下是一个简单的例子：

1. 在Vue应用程序中安装Vue Router：

npm install vue-router --save

2. 创建一个Vue Router实例并配置路由：

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import LocalHtml from '@/components/LocalHtml'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/localHtml',
      name: 'LocalHtml',
      component: LocalHtml
    }
  ]
})

3. 在Vue组件中使用`<router-link>`标签来创建导航链接：

<template>
  <div>
    <h1>Home</h1>
    <router-link to="/localHtml">Go to Local HTML page</router-link>
  </div>
</template>

4. 在Vue组件中使用`<router-view>`标签来显示路由对应的组件：

<template>
  <div>
    <h1>Local HTML</h1>
    <p>This is a local HTML page.</p>
  </div>
</template>

这样，当用户点击导航链接时，Vue Router会自动跳转到本地HTML页面。