使用vite构建vue3.0+ts项目总结

vite构建项目的时候，router和store需要自己用包的方式下载。

目前我下载的版本：

Vuerouter的版本号是@4.0.10

Vuex的版本号是@4.0.2

下载完包之后创建各自的文件夹，然后在main.ts里面引入相关的文件。

router：

里面有两个方法createWebHistory和createWebHashHistory

我看的解释如下：

createWebHistory路由模式路径不带#号(生产环境下不能直接访问项目，需要nginx转发)
createWebHashHistory路由模式路径带#号

store的语法

import { createStore } from 'vuex'
import music from './music'
export default createStore({
  modules: {
    music
  }
})

music是模块的方式

页面使用的方法是：

import {useStore} from 'vuex'
const store = useStore()
srote.commit('music/getnum',11)模块的语法是这样修改