Problems/Coding/Vue/Easy

Easy Vue

Coding problems · 100 total

Create component with setup

Implement ref reactive state

Create reactive object

Implement computed property

Create watch effect

Implement watcher

Create props definition

Implement emits

Create v-model

Implement v-if directive

Create v-for directive

Implement v-show directive

Create v-bind shorthand

Implement v-on shorthand

Create event handling

Implement event modifiers

Create key modifiers

Implement form input binding

Create checkbox binding

Implement radio binding

Create select binding

Implement template refs

Create component refs

Implement lifecycle hooks

Create onMounted hook

Implement onUpdated hook

Create onUnmounted hook

Implement onBeforeMount hook

Create slots

Implement named slots

Create scoped slots

Implement slot props

Create provide/inject

Implement composables

Create custom composable

Implement useCounter

Create useMouse

Implement useLocalStorage

Create useFetch

Implement async setup

Create Suspense

Implement error boundary

Create teleport

Implement transition

Create transition group

Implement CSS transitions

Create Javascript hooks

Implement enter/leave

Create list transitions

Implement KeepAlive

Create dynamic components

Implement component registration

Create global components

Implement local components

Create async components

Implement defineAsyncComponent

Create Vue Router setup

Implement route configuration

Create router-link

Implement router-view

Create named routes

Implement dynamic routes

Create route parameters

Implement query parameters

Create navigation guards

Implement beforeEach guard

Create route meta

Implement nested routes

Create route props

Implement hash mode

Create history mode

Implement programmatic navigation

Create Pinia store

Implement state

Create getters

Implement actions

Create store composition

Implement store plugins

Create devtools integration

Implement hot module replacement

Create Vite config

Implement build optimization

Create environment variables

Implement CSS modules

Create scoped styles

Implement preprocessors

Create PostCSS config

Implement Tailwind CSS

Create component library

Implement unit tests

Create component tests

Implement Vue Test Utils

Create mount wrapper

Implement shallow mount

Create event testing

Implement slot testing

Create props testing

Implement emit testing

Create basic transition

Implement simple animation