多页面开发

实现多页面

1. 在 public 目录下创建不同的 html 即可。
2. 在 src 下面创建一个 pages 目录。然后在 pages 目录中创建不同的 页面 入口文件
3. 需要配置 vue.config.js 中的 pages 选项

vue.config.js

module.exports = {
  pages: {
    // key: value
    // key - 页面
    // value - 这个页面的入口js文件
    index: {
      entry: './src/pages/index/main.js',
      template: './public/index.html'
    },
    about: {
      entry: './src/pages/about/main.js',
      template: './public/about.html'
    }
  }
}