vue-cli中路由的使用

  当我们新建一个vue项目时，这是我们的目录结构，我这里是用的是webpack模板，如果你们用的是weboack-simple的话，可能就没有router目录，和config目录，

1.使用webpack目录新建的项目使用路由的方式相对简单

            默认项目是在compnents目录下直接存在一个.vue文件，但在实际开发中，这种项目目录是有问题的，我们可以在comonents目录下，简历组件目录，组件下新建.vue，将这个组件所需要的资源放在对应的目录下，方便我们的管理，

2.router/index.js的使用

            

            用import方式引入组件，然后再router中配置即可

   html页面

            

            router-link会被编译成a标签，router-view是路由显示的容器

除了使用router-link来启动路由，我们也可以在js中启动

            

            this.$router.push({

                    name:''

            })

            就是用来启动路由的，