Pinia Vue 3 State Management | Vue JS

Опубликовано: 10 Апрель 2025
на канале: Marius Espejo
21,651
601

In this video we take quick look at Pinia, a very simple state management library for Vue JS. Pinia is officially recommend as the go forward global store solution for Vue 3. You can also still use it in Vue 2 or Nuxt. In this crash course we're going to build a simple banking / credit card application, and we'll use Pinia to manage the state.

00:00 - Intro
00:18 - How to add to new Vue project
00:57 - Install from scratch for Vue 3 / Vue 3
01:35 - Installation for Nuxt 2
01:59 - Vue Devtools 6 (beta)
02:22 - Start tutorial, new application
03:43 - Example store, discuss API usage
09:52 - Defining a new store
12:25 - Defining getters
15:58 - Defining actions
18:52 - Action subscriptions
22:47 - Store state subscription
23:49 - Vue Devtools Support for Pinia
28:56 - Outro