（尚硅谷）Vue笔记------22

路由基本使用

我们先写个大框，样式是用的bootstrap,大家可以用别的或者不写。

main.js:

App.vue:

 

我们去写两个组件about和home:

 

 

既然要用到路由，我们就按照老的套路肯定先要用npm去下载：

 

然后当然就要在main.js中去引用:

但是这部分引用之前我们要去创建一个路由文件：

这个写完就可以引入到main.js中了：

 

我们的路由器已经就位了，我们就要想办法去使用我们的路由器：

 

 页面效果：

 

我们最基本的路由案例就写完了。