Vue路由的配置

在上一篇中分享了关于Vue脚手架的配置,这里分享一下关于路由的配置

1.我们在命令行中 cd到我们需要用的vue文件路径

  比如我的在E:盘

Vue路由的配置

这里添加 npm install vue-router  --save(安装路由) 配置就完成了

然后直接运行文件   npm run dev 

Vue路由的配置

这里就成功配置了路由

 

2.配置完路由之后,我们需要在Vue文件里面引入路由模块

--2.1 在main.js文件中引入路由  使用路由

Vue路由的配置

import  VueRouter from "vue-router"   引入路由 

Vue.use(VueRouter)  使用路由

这里我们就已经可以使用了

--2.2 创建路由

Vue路由的配置

通过const 常量来创建一个路由对象,然后在里面写入自己需要的代码,

也可以单独写一个路由的js 文件来配置 2中方法都是可以的,推荐是单独创建一个js 文件来做路由跳转

好了,暂时就分享到这里了