本文实例为大家分享了vue-cli之router基本使用的具体代码，供大家参考，具体内容如下
1、在src目录下新建router目录，再建立index.js
Vue.use(VueRouter);
export default new VueRouter({
routes: [
{
path: '/',redirect: {name: 'goods'}
}
});
@H_502_4@
代码中@是在webpack.base.conf.js里修改的配置，目的是每一次引入组件之类的文件都要写相对路径太麻烦，直接用@代替即可，配置修改如下
@H_502_4@
2、入口文件main.js里引入并挂载到节点上
/ eslint-disable no-new /
new Vue({
el: '#app',router,template: '
});
new Vue({
el: '#app',router,template: '
});
@H_502_4@
3、在例如App.vue文件中使用，点击即可切换路由，内容则呈现在router-view容器中
商品
@H_502_4@
