1、安装路由文件
2、引入路由文件,设置名字
import VueRouter from "vue-router";
3.使用路由
Vue.use(VueRouter);
4、配置导出路由
export default new VueRouter({ routes: [ { //路由路径 path:'/content', name:"内容页", component:Content } })
注意routes这个名字不能错。
component后面直接接受跳转的组件名
path:前端跳转到这里的路径,用单引号,不能使用双引号。
5、在main.js文件中,引入路由
6、被挂载的标签ID:app。就可以使用路由标签
<router-link to="/Main"> 需要进入路由的路径
<router-view>显示路由