練習 v3.0 - W3Schools 教學

×

正確！

Vue 中的路由配置在 'main.js' 檔案中。

填寫下面的空白，以便成功建立路由。

import { createApp } from 'vue' import { createRouter, createWebHistory } from 'vue-router' import App from './App.vue' import FishTypes from './components/FishTypes.vue' const router = createRouter({ history: createWebHistory(), routes: [ { @(4): '/fish', @(9): FishTypes } ] }); const app = createApp(App) app.use(router); app.mount('#app')

import { createApp } from 'vue' import { createRouter, createWebHistory } from 'vue-router' import App from './App.vue' import FishTypes from './components/FishTypes.vue' const router = createRouter({ history: createWebHistory(), routes: [ { path: '/fish', component: FishTypes } ] }); const app = createApp(App) app.use(router); app.mount('#app')

不正確

點選這裡重新嘗試。

正確！

下一個 ❯

練習

不正確

正確！

您已完成全部 54 個 VUE 練習。