vue-cli创建的项目,配置多页面的实现方法

前端之家收集整理的这篇文章主要介绍了vue-cli创建的项目,配置多页面的实现方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue官方提供的命令行工具vue-cli,能够快速搭建单页应用。默认一个页面入口index.html,那么,如果我们需要多页面该如何配置,实际上也不复杂

假设要新建的页面是rule,以下以rule为例

创建新的html页面

<Meta charset="utf-8"> <Meta name="viewport" content="width=device-width,initial-scale=1.0"> <Meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"> <Meta http-equiv="pragma" content="no-cache"> <Meta http-equiv="cache-control" content="no-cache"> <Meta http-equiv="expires" content="0">

创建入口文件Rule.vue和rule.js,仿照App.vue和main.js