vue2-vue-router(路由)学习笔记

在我们使用vue开发一个单页面的项目时，我们总会思考三个问题

1. 如何根据地址中的路径选择不同的组件？

2. 把选择的组件放到哪个位置？

3. 如何无刷新的切换组件？

 而这三个问题恰恰用vue2里面的vue-router插件可以轻松解决

首先我们必须先安装vue-router插件

找到我们项目文件夹，在终端中打开输入npm i vue-router

 路由插件的使用

 找到项目下的main.js文件(我是练习的，vue生成项目之后App.vue和main.js名字都没修改)，在main.js里加入以下代码，启动vue-router插件

import Vue from "vue";
import App from "./App.vue";
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);//Vue.use(插件)，在vue