vue 引入router

最新推荐文章于 2024-09-23 18:07:56 发布

原创最新推荐文章于 2024-09-23 18:07:56 发布 · 258 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

第一步：

npm install vue-router --save

第二步：

import { createRouter, createWebHashHistory } from "vue-router";

const routes = [
    {
        path:'/',  //路径
        name: 'Home',  //名字
        component:()=>import('')
    }
]

const router = createRouter ({
    history:createWebHashHistory(),
    routes
})

export default router

第三步

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './router/index.js'


createApp(App).use(router).mount('#app')

第四步：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  server:{
    open: true, //自动浏览
    port:8088
  },
  resolve:{
    alias:{
      '@':path.resolve(__dirname,'src'),
    }
  },
  plugins: [vue()],
})