请问 vue.js 路由的开发流程

[a123321456b]

作为一个全干工程师, 用 vue 做过几个传统项目, 新项目准备做单页面 SPA 并且实现路由懒加载, 但是对路由的使用不太了解, 而且之前没有用过前端的构建工具, 想请问一下大家。

现在开发流程是:
UI 设计负责开发 html 的原型
在原型 html 的基础上添加 vue 语义和 js

现在看了几个路由教程, 类似

// 直接加载
const Foo = { template: '<div>foo</div>' }

const routes = [
  { path: '/foo', component: Foo }
]

或者

// 懒加载, 需要构建工具
// const Foo = () => import('./Foo.vue')

const router = new VueRouter({
  routes: [
    { path: '/foo', component: Foo }
  ]
})

看起来页面都是写成 js，html 页面不能直接拿来用了。
这是不是意味着现在的开发流程不管用了?
如果不是, 能不能给个例子参考怎么让路由懒加载相应的 html, js，css

谢谢

[c9y]

例如要加载 foo 页面，localhost:port/#/foo

[YuxiangLuo]

如果我没猜错，你们现在是在 html 文件里通过 script 标签引入 vue，并且没有使用 Vue.component()方法。

[murmur]

spa 才用 route 多个页面可以视作每个页面都是独立的 vue 应用，href 跳转就搞定

[a123321456b]

@YuxiangLuo 对，现在就是 html 的 script 标签引入 vue.js 和自己的 js。
在自己的 js 里用以下方式实例化
new Vue({
el: '#app',
data: obj
})

[a123321456b]

@murmur href 就是之前项目的做法，感觉良好。
现在的新项目要做 spa，不知道能不能继续像现在的流程一样，html 交给 UI，自己只需要做业务逻辑。

[YuxiangLuo]

@a123321456b 按照你目前的需求，用构建工具进行组件化开发是必须的。

[banricho]

都新项目了直接 vue-cli 建一个不就好了，纠结这个干啥

[a123321456b]

@YuxiangLuo
@banricho
谢谢回答！这就去试试