vue3与js的router基本使用方式

// 引入vue和vue-router
import { createApp } from 'vue';
import { createRouter, createWebHistory } from 'vue-router';
 
// 引入组件
import Home from './components/Home.vue';
import About from './components/About.vue';
 
// 创建路由实例
const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About },
  ],
});
 
// 创建Vue应用实例
const app = createApp(App);
 
// 使用路由
app.use(router);
 
// 挂载到#app元素
app.mount('#app');

这段代码展示了如何在Vue 3项目中使用Vue Router。首先，我们引入了必要的Vue和Vue Router库。接着，我们定义了一些组件，并为这些组件创建了路由规则。最后，我们创建了Vue应用实例，使用了我们定义的路由，并将其挂载到页面的#app元素上。这是Vue Router的基本使用方式。