Menu
×
×
Correct!

Exercise:

Routing in Vue is set up in the 'main.js' file.

Fill the blanks below so that the route is created successfully.

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')

Not Correct

Click here to try again.

Correct!

Next ❯
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: [
        { : '/fish', : FishTypes }
    ]
});

const app = createApp(App)
app.use(router);
app.mount('#app')

    
  




Log in to keep your progress
Sign up to keep your progress

Completed 0 of 54 Exercises:

VUE Get started
VUE Directives
VUE Methods
VUE Computed
VUE Watchers
VUE Scaling up
VUE Components
VUE Slots
VUE Refs
VUE Lifecycle hooks
VUE Provide/Inject
VUE Routing
VUE Animations
VUE Build

×

Reset the Score?

This will reset the score of ALL 54 exercises.

Are you sure you want to continue?



×

Congratulations!

You have finished all 54 VUE exercises.

Share your score: