个人博客开发1==vue3+vite+ant design+springboot

快速搭个架子。

==============================

入口： main.js

import {createApp} from 'vue';
import App from './App.vue';
import router from './router';//添加router
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

const app = createApp(App)

app.use(router).use(Antd)

app.mount('#app');

App.vue

<template>
  <router-view></router-view>
</template>

<script>


export default {
  name: 'App'
}
</script>

路由配置

import { createRouter, createWebHashHistory } from "vue-router";
const routes = [
    {
        path: '/',
        component: () => import('../views/index.vue')
    },
    {
        path: '/article',
        component: () => import('../views/article.vue')
    },
    {
        path: '/baidu',
        component: () => import('../views/baidu.vue')
    }
];
const router = createRouter({
    history: createWebHashHistory(),
    routes
});
export default router;

===============================

年年都有新框架，算是简单用了下vite

完整DEMO代码

person-blog: 个人博客