vue3（windows系统）：vue3+vue-router+vuex+typescript在VS Code中使用vite——第三章：关于route和store

SoulTheFool

于 2021-01-13 16:17:37 发布

阅读量418

点赞数

分类专栏： vue typescript 前端文章标签： vue typescript

本文链接：https://blog.youkuaiyun.com/SoulTheFool/article/details/112570803

版权

本文介绍了在Windows环境下，使用Vue3、vue-router、vuex和typescript，结合Vite搭建项目的过程。首先讲解了如何新建并配置vue-router的./router/index.ts文件，接着在main.ts中进行相应修改。然后简要说明了vue-router的基础使用。后续部分涉及vuex的状态管理，新建./store/index.ts作为仓库骨架，强调遇到复杂情况时查阅官方文档的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue的影分身，vue-router和vuex

vue-router的配置

vue-router的配置

比较复杂，首先是

新建./router/index.ts

在src下新建一个文件夹，建议取名为route，route文件夹下新建一个index.ts
里面写：
vue-router-index.ts

import {
    createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'

const routes: Array<RouteRecordRaw> =

最低0.47元/天解锁文章