Vuetify 3 初始化工程

框架

Vue 3 + Vuetify 3 + Vue Router 4 + Vite

安装

npm create vuetify

安装 Vue-Router

npm install vue-router@4

配置

main.js中配置

// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'

// Components
import App from './App.vue'

// Composables
import {createApp} from 'vue'
import router from "@/router";
import {createVuetify} from 'vuetify'

const app = createApp(App)

app.use(createVuetify({}))
  .use(router)

app.mount('#app')

@/router中的配置

import * as VueRouter from 'vue-router'
import Home from "@/components/Home.vue";

const routes = [
    { path: '/', component: Home },
]

const router = VueRouter.createRouter({
    history: VueRouter.createWebHistory(),
    routes,
})
export default router