1,创建一个包含路由功能的vue.js项目
npm init webpack demo
Install vue-router? (Y/n) 是否安装vue-router,这是官方的路由,输入“y”回车或直接回车安装。
2,创建多个components 文件并自定义页面内容
3,在路由中配置路径
根据vue配置路径,组件,并引入
4,在app组件中添加<router-link>标签,并配置
5,测试通过后使用build打包
注意:在打包之前为了避免路径报错问题,在config...>index.js....>build中配置成
jassetsPublicPath: './'
最后在控制台输入 npm run build 完成打包。
6,页面中测试