简单介绍一下routers中的结构，这里主要用来配置路由的，上面说过所有子路由都在App.vue下，所有App.vue是最外层的父路由，这里的routes中存的就是路由的数组，path就是你要访问你所创建的页面的路径，这里写的是根路径序所以你直接访问localhost:8080就会出现一个App.vue中插入一个HelloWorld.vue的页面（这个相当于路由嵌套），name想到与给它命名这个比较无关紧要，component相当于你要引用的页面，这里引用的是HelloWorld.vue这个页面，主要上面的import，这里的HelloWorld是一个变量，对应上面的路径文件
现在教大家创建一个文件，并配置路由
先创建一个后缀为vue文件，并把最基本的html结构写上
然后配置它的路由，先引入这个文件用import，然后填写要访问这个文件的路径我用/test，所有要打开这个路由就输入localhost:8080/#/test，在本引入的文件拿到component中
输入url，一个APP.vue中嵌套test.vue的页面就呈现了
vue脚手架默认的路由嵌套就是所有页面都嵌套在App.vue页面下，现在教大家自由嵌套自己的页面现在我把test页面嵌套到HelloWorld.vue页面下
首先在HelloWorld.vue界面下加一个router-view标签
然后配置HelloWorld.vue的子路由
这样localhost:8080/#/test就是一个APP.vue嵌套HelloWorld.vue在嵌套test.vue的页面了如下图
这样简单路由嵌套就完成，在说说路由跳转，比如你给一个按钮绑定一个函数，实现点击按钮跳转到test页面那在函数中可以用
this.$router.push({path:'/test'})如果要回到上一个页面用
this.$router.go(-1)大致内容就是这些，如果有哪里说错或者遗憾还望多多包涵，或者联系我，大家多交流交流！
总结
以上所述是小编给大家介绍的vue脚手架及vue-router基本使用，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
