vue-router路由

安装

先查看node_modules中是否存在vue-router

vue-router是一个插件包，所以我们还是需要用npm/cnpm来进行安装的，在第一个vue-cli文件下输入以下命令

npm install vue-router --save-dev

可能安装版本会不兼容，可安装下面的版本

npm install vue-router@3.5.2 --save-dev

如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能

我们在main.js中引入vue-router，并声明使用它

 然后在终端运行npm run dev照样可以跑起来

我们在components目录下定义一个Content.vue的组件，Main.vue组件

安装路由，在src目录下新建一个文件夹：router，专门存放路由

在main.js中配置路由

 在App.vue中使用路由

 npm run dev测试

 自我总结：

1.首先在components中自定义组件。

2.在router文件中的index.js中配置这个组件，定义路径，跳转组件

3.在main.js中配置2中的路由，index.js,此配置一经配置，往后加组件这里都可以不用再动

4.最后在App.vue中使用这个路由