Vue3创建

1.创建

2.导入idea修改调试
（修剪）


(修改)HomeView.vue

点击查看代码

<template>
  <div>
    Hollow World
  </div>
</template>

<!--setup 代表可以使用Vue3的语法特性-->
<script setup>

</script>

（精简路由）index.js

点击查看代码

 import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/', name: 'home',
      component: () => import('../views/Home.vue'),
    },
  ],
})

export default router

（修改路由）App.vue

点击查看代码

<template>
<!--  项目入口-->
  <RouterView />
</template>

（修改）main.js

点击查看代码

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(router)

app.mount('#app')