vue路由请求 router

Posted 极速小乌龟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue路由请求 router相关的知识,希望对你有一定的参考价值。

创建一个Router.js文件

// 路由请求
//声明一个常量设置路菜单
// import Vue from "vue/types/index";
import Vue from ‘vue‘
import VueRouter from ‘vue-router‘
Vue.use(VueRouter)
const First={template:‘<div>菜单一</div>‘}
const Second={template:‘<div>菜单二</div>‘}
const Home={template:‘<div>菜单三</div>‘}

const router=new VueRouter({
mode:‘history‘, //模式
base:__dirname, //base可选参数指当前路径
routes:[
{path:‘/‘,component:First},
{path:‘/First‘,component:Second},
{path:‘/Second‘,component:Home}
]
})

找到入口文件编辑Router.js引入
import Vue from ‘vue‘
import Router from ‘./Router‘

以上是关于vue路由请求 router的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

vue router获取整条路径参数

axios发布请求后vue-router推送路由

vue知识点-$route和$router

vue路由请求 router

# Vue 多模块管理路由(Router)请求(Axios)