Vue3+vite个人博客网站从0-1（项目环境搭建）

// 引入
import {  createRouter, createWebHashHistory} from 'vue-router'
/* 引入首页 路由 */
import Home from '../view/home.vue'
import layout from '../view/layout.vue'
const Router = createRouter({
    history: createWebHashHistory(),
    routes:[{
        path:'/',
        name:'home',
        component:Home
    },
{
    path:'/layout',
    name:'layout',
    component:layout
}]
})
// 导出
export default Router

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
// 引入 router
import router from './router/index'
createApp(App).use(router).mount('#app')

<template>
  <router-view></router-view>
</template>
<script>
export default {
  name: 'App',
}
</script>

// 用户模块
export default {
    namespaced: true,
    state () {
      return {
      }
    },
    mutations: {
      // 修改用户信息
    }
  }

import { createStore } from 'vuex'
// 持久化
import createPersistedstate from 'vuex-persistedstate'
import user from './modules/user'
export default createStore({
  modules: {
    user
  },
  // 持久化
  plugins: [
    createPersistedstate({
      key: 'blog',
      paths: ['user']
    })
  ]
})

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
// 引入 router
import router from './router/index'
// 引入 store
import store from './store/index'
createApp(App).use(router).use(store).mount('#app')