Course Materials

What is a Component?

0:31

Encapsulation

0:54

Vue Single Component

0:44

Two-way Binding

1:45

Outro

0:18

Intro

0:12

"Hello, world!"

2:33

v-for

v-html

0:58

Filters

1:53

v-if, v-show

3:21

v-bind

2:59

Class and Style Bindings

2:36

CSS

3:07

Form

2:58

Outro

0:28

Intro

0:22

Methods and Event Handling

2:40

Computed

2:27

Lifecycle and Hooks

4:26

Watcher

2:30

Outro

0:24

Intro

1:00

Props

3:20

Props Validation

2:51

Custom Event

5:25

Slot

4:06

Using Multiple Components

4:38

Mixins

4:31

Outro

0:29

Single Page Application (SPA)

1:22

Routing in Vue

1:31

Using Vue Router

2:39

Defining Route & Dynamic Route

2:59

.push(), .go()

1:15

Outro

0:28

Intro

1:11

Vuex Store

6:47

State & Mutation Mapping

4:40

Another Way to Map

2:13

Outro

0:48

Project Overview

0:35

Step 1: Creating Your Project

2:53

Step 2: Adding ToDo Item

4:34

Step 3: Completing a Task

4:59

Step 4: Making It User Friendly

3:16

Step 5: Multiple Components

7:27

Step 6: Vuex Version Setup

0:33

Step 7: Finishing Vuex Version

7:11

Intro to Vue 3

0:56

New Vue 3 Features

5:03

Composition API

2:17

Set up

2:06

Ref

1:56

Reactive

1:09

Ref vs. Reactive

2:17

Methods

1:36

Computed

2:51

watchEffect

3:01

Watch

2:22

Lifecycle Hooks

1:22

Make Composition API reusable

3:32

Convert Options API to Composition API

6:05

How to Setup Vue 3

0:35

How to Migrate Project From Vue 2 to Vue 3

0:55

Upgrade Vue Cli

1:21

Upgrade Vue Version

0:54

Vue Router

1:19

The Difference Between Vue 2 and Vue 3

1:56

Vuex

1:45

Upgraded result

0:45

How to use composition API in vue 2

1:19

Context.root

1:36

How to Use Vue Router and Vuex in Composition API

3:15