Vue router的安装及使用

1.安装:npm install vue-router或cnpm install vue-router或yarn add vue-router
2.在新建 router.js中引入如下代码:
Vue router的安装及使用
3.在src中新建views文件夹,在views新建例如:Home文件夹,在文件夹中新建index.vue
Vue router的安装及使用
4.在router.js中设置如下两步
Vue router的安装及使用
5.在App.vue中的div内引入

6.在main.js中 写上import router from ‘./router’
在new的实例中增加router,具体如下:
Vue router的安装及使用
7.打开浏览器可看到页面
Vue router的安装及使用