文章目錄

• • • • • 一、安裝
        • • 1. npm
          • 2. yarn
        • 二、使用
        • • 2.1. 引入+注冊
          • 2.2. 創建+配置

一、安裝

1. npm

• 默認

npm install vue-router -S # 卸載 npm uninstall vue-router

• vite

# 安裝 npm install vue-router@next -S # 卸載 npm uninstall vue-router@next

2. yarn

• 默認

# 安裝 yarn add vue-router -S # 卸載 yarn remove vue-router

• vite

# 安裝 yarn add vue-router@next -S# 卸載 yarn remove vue-router@next

二、使用

2.1. 引入+注冊

main.js

import { createApp } from 'vue' import App from './App.vue' import router from './router'const app = createApp(App) app.use(router).mount('#app')

2.2. 創建+配置

import {createRouter, createWebHistory} from "vue-router";const routes = [ // 省略 ]const index = createRouter({history: createWebHistory(),routes })export default index

總結

以上是生活随笔為你收集整理的Vue-router 的使用 (vue3.x版本)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。