效果图
1、先创建一个Vue项目
2、安装element-ui
3、修改main.js,引入element-ui
4、新建NewContact.vue文件，对原HelloWorld.vue修改，使其路由指向newcontact（新url:http://localhost:8080/#/newcontact）
5、打开router/index.js，添加该路由
6、添加页面内容就OK
7、数据如果想要保存在localStorge，src下新建store文件夹，和App.vue、components同级，在里面新建store.js，编写保存数据的get、set方法
8、在步骤6的页面内把保存调用数据的方法改成store.js里的
9、打包生成dist文件夹：在config/index.js下修改成如下内容(assetsPublicPath:'./' productionSourceMap:false)
10、命令行进入该项目，执行命令 npm run build，即可在项目底下看到打包生成的文件夹
原文链接：点击打开