页面组件、动态路由与API接口解读

最新推荐文章于 2024-10-06 14:44:47 发布

小二李

最新推荐文章于 2024-10-06 14:44:47 发布

阅读量89

点赞数 3

分类专栏： Vue 3.0实战项目之『万年历』文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_43800535/article/details/136565908

版权

Vue 3.0实战项目之『万年历』专栏收录该内容

14 篇文章 1 订阅

订阅专栏

本文档展示了如何在Vue项目中使用`vue-router`创建路由器实例，定义了三个路径(path)和组件(component)，包括默认的/路径、month和year路径对应的视图组件。

摘要由CSDN通过智能技术生成

src\router\index.js

/* eslint-disable */
import { createRouter, createWebHistory } from 'vue-router'
import DayPage from '../views/Day.vue'

const routes = [
  {
    path: '/',
    name: 'day',
    component: DayPage,
  },
  {
    path: '/month',
    name: 'month',
    component: () => import('../views/Month.vue'),
  },
  {
    path: '/year',
    name: 'year',
    component: () => import('../views/Year.vue')
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
})

export default router