简单的引入vuejs和vue-routerjs引入后router该怎么用呢？

Question

如图，目录结构是一般都是.html文件，路由跳转该如何配置呢？现在项目是用es5写的，各位前辈给个意见或者demo呗，感激不尽^_^

类似这种情况，用Jq或者其他方式该怎么实现呢？
const router = new VueRouter({
  mode: 'history',
  base: __dirname,
  routes: [
    { path: '/', component: Home },
    { path: '/foo', component: Foo },
    { path: '/bar', component: Bar }
  ]
})

Answer 1

如果不是vue cli项目的话

只引入vue.js单文件

不建议使用vue router 进行路由跳转

你可以看到官方文档里面那些功能

// 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter)

// 1. 定义 (路由) 组件。
// 可以从其他文件 import 进来
const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }

// 2. 定义路由
// 每个路由应该映射一个组件。 其中"component" 可以是
// 通过 Vue.extend() 创建的组件构造器，
// 或者，只是一个组件配置对象。
// 我们晚点再讨论嵌套路由。
const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]

注意Foo Bar

Answer 2

vue-router 是针对单页应用的
你这都是html直接 a 标签跳转 或者 window.location.href跳转就行了

Answer 3

你好 请问你的问题解决了吗？ 能麻烦说下解决方案吗