Skip to content

Vue.js challenges

Main Navigation

Getting Started

How to Contribute

Composable Function

Composition API

Global API:General

Reactivity:Advanced

Reactivity:Core

Reactivity:Utilities

Utility Function

English

English

Appearance

Sidebar Navigation

Built-ins

DOM Portal Optimize performance directive

CSS Features

Dynamic css values Global CSS

Components

DOM Portal Prop Validation functional component render function[h()]Tree Component

Composable Function

useToggle useCounter useLocalStorage useMouse

Composition API

Lifecycle Hooks ref family losing-reactivity writable-computed watch family shallow ref Dependency Injection effectScope API custom ref

Directives

Capitalize Optimize performance directive v-focus v-debounce-click v-active-style v-model

Event Handling

prevent event propagation Key Modifiers

Global API:General

Next DOM update flush

Lifecycle

Lifecycle Hooks

Reactivity:Advanced

shallow ref Raw API effectScope API custom ref

Reactivity:Core

ref family writable-computed watch family

Reactivity:Utilities

losing-reactivity

Utility Function

Web Components

Challenges

warm

Hello World

easy

Lifecycle Hooks
Next DOM update flush
DOM Portal
Dynamic css values
ref family
prevent event propagation
losing-reactivity
Capitalize
Prop Validation
writable-computed
watch family
shallow ref
Dependency Injection

medium

Optimize performance directive
useToggle
until
useCounter
useLocalStorage
v-focus
v-debounce-click
functional component
render function[h()]
Key Modifiers
useMouse
Global CSS
Raw API
effectScope API

hard

Tree Component
custom element
custom ref
v-active-style
v-model

Edit this page on Gitlab

Last Updated:

Next pageDOM Portal

Copyright © 2022-present webfansplz