创建多页面VUE项目

1. 基本项目结构

node_modules
public
|-- favicon.ico
|-- index.html
src
|-- assets
|-- pages
	|-- bank
		|-- assets
		|-- components
		|-- router
		|-- views
	|-- gov
		|-- assets
		|-- components
		|-- router
		|-- views
package.json
vue.config.js

实际上就是使用 vue-cli 搭建一个项目（单页应用），然后在 src 目录下新建一个 pages 文件，里面你要几页应用就建几个文件夹，里面就和原来的单页应用一样添加文件就可以了。

2. 配置文件

module.exports = {
    publicPath: '/bank/',
    pages: {
        bank: {
            entry: 'src/pages/bank/main.js'
        },
        gov: {
            entry: 'src/pages/gov/main.js'
        }
    }
}

3. 页面间跳转

<a href="/bank/">Bank</a>

使用原生的 a 标签跳转就可以了。