vue项目小白配置vue-router

vue项目小白配置vue-router

1、安装添加引入路由依赖,如图
vue项目小白配置vue-router
方法一、直接在package.json文件中添加,然后运行npm i
方法二、直接运行npm install vue-router --save
2、使用
1、在src下新建一个.js文件,引用vue-router,如图
vue项目小白配置vue-router
2、在main.js中引入这个文件,我的文件是建在router文件夹下
vue项目小白配置vue-router
3、在需要使用vue-router的组件里面设置路由的入口和出口
vue项目小白配置vue-router