0Pricing
Vue Academy · Lesson

VueUse: The Composable Library

useLocalStorage, useMouse, useWindowSize, useIntersectionObserver — practical VueUse.

What Is VueUse

VueUse (@vueuse/core) is a large collection of ready-made composables for common tasks - storage, sensors, browser APIs, and more. It saves you from reinventing them.

npm install @vueuse/core

useLocalStorage for Persistence

useLocalStorage returns a ref synced to localStorage. Changes persist across reloads automatically, with serialization handled for you.

import { useLocalStorage } from "@vueuse/core";
const name = useLocalStorage("name", "Guest");
// name.value persists in localStorage

All lessons in this course

  1. What Makes a Good Composable
  2. useCounter: A Simple Composable
  3. useFetch: Async Data Composable
  4. VueUse: The Composable Library
← Back to Vue Academy