2021-06-09 Vue踩坑日记——路由配置跳转

在做的项目以前跳转用的是<a></a>，查了资料说vue的主入口其实是App.vue而不是index.html

啊哈哈我把主要代码都写在index.html了，于是我又开始一番折腾开始改

发现了其实vue得用的路由跳转，最简单的就是<router-link></router-link>

于是我又开始研究路由这个问题，看了资料越看越迷糊于是实战试一下

因为vue是自学的只靠看文档和博客于是找了很多博客学习

翻了很久看到一个靠谱的

https://www.cnblogs.com/padding1015/p/7884861.html

一、下载路由插件 npm install vue-router --save-dev

二、在index.js引入 import Router from 'vue-router'

三、要给它注册一下 Vue.use(Router)

四、配置路由，就是配置地址和组件

五、引入组件地址 import [] from '@/components/组件'

六、在main.js中调用 import router from './router'

七、在App.vue中显示路由<router-view></router-view>

八、重点来了！！！把<a href=""></a>改成<router-link to="/(配置的地址名)"></router-link>

完成！！！！！啊啊啊