Vue路由的使用

最新推荐文章于 2024-09-30 11:04:46 发布

Bossenl

最新推荐文章于 2024-09-30 11:04:46 发布

阅读量120

点赞数

本文链接：https://blog.csdn.net/sen123456m/article/details/126364024

版权

VueRouter 路由配置组件导入 history模式前端开发

关键词由CSDN通过智能技术生成

VueRouter基本使用方法:

首先安装VueRouter:

npm install vue-router

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Check from '@/views/Check/Check.vue'
import Area from '@/views/Area/Area.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/check',
    name: 'Check',
    component: Check
  },
  {
    path: '/area',
    name: 'Area',
    component: Area
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router