不使用vue cli使用vue router, 如何引入模板?

Question

在不使用脚手架的情况下, 我的项目要用到Vue & VueRouter,
在vue-router的文档中

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

如果我的template很长的话, 文档这种写法就不太好.
我想知道如果模板很长的话. 要如何引入?

Answer 1

routes是一个数组，你可以新建一个js文件，作为定义这个数组的配置，同理组件也是一样的道理。或者用一个.json文件来配置，当然如果你要使用babel以及webpack,也就可以使用require()或import等方式导入。