Sign Up
Sign In
Sign In
Sign Up
Catalog
Series
Skills
PHP
Laravel
Testing
Front-End
Tooling
Podcast
Discussions
Episode 30:
Testing Vue: Part 1
Episode 32:
Vue Subclassing
Published On May. 5th 2017
Learn Vue 2: Step By Step:
Vue Component Responsibility
Episode 31
•
Run Time 8:36
Download
Add to Favorites
Let's take a few moments to discuss structure and responsibility, as it relates to your Vue components. Specifically, we'll review a hidden child component that is begging to be extracted.
Previous
Next
Please enable JavaScript to view the
comments powered by Disqus.
Learn Vue 2: Step By Step
01
Basic Data Binding
4:13
02
Setup Vue Devtools
3:03
03
Lists
5:27
04
Vue Event Listeners
5:04
05
Attribute and Class Binding
5:57
06
The Need for Computed Properties
6:20
07
Components 101
5:02
08
Components Within Components
2:36
09
Practical Component Exercise #1: Message
6:21
10
Practical Component Exercise #2: Modal
5:47
11
Practical Component Exercise #3: Tabs
14:58
12
Component Communication Example #1: Custom Events
5:59
13
Component Communication Example #2: Event Dispatcher
4:03
14
Named Slots in a Nutshell
5:54
15
Single-Use Components and Inline Templates
3:57
16
Webpack and vue-cli
9:31
17
Hot Module Replacement
3:48
18
Vue Ajax Requests With Axios
8:01
19
Object-Oriented Forms: Part 1
17:00
20
Object-Oriented Forms: Part 2
13:15
21
Object-Oriented Forms: Part 3
8:30
22
Webpack Config From Scratch
18:30
23
This is Laravel Mix
10:14
24
Shared State 101
4:28
25
Custom Input Components
8:38
26
Vue SPA Essentials: Routing
16:50
27
SPAs and the Backend
15:01
28
Vue Filters
2:30
29
Dedicated Form Components
14:08
30
Testing Vue: Part 1
13:05
31
Vue Component Responsibility
8:36
32
Vue Subclassing
4:42
33
Scoped Slots
7:55
34
Wrap Existing Tools into Components
11:58
35
Create a Testimonials Component With Me
19:01
36
The Difference Between Debounce and Throttle
9:31
37
Mega Menus and One-to-One Relationships
15:54
38
Vue Portal Use Case #2
7:04
39
Workshop - Contact Support Modal
18:44
40
Reusability
7:08
41
Reusability: Part 2
15:19
42
Fixed to the Top
11:15
43
Fixed to the Top: Part 2
5:31
44
Tooltips Three Ways
18:17
45
Render Functions: Part 1
5:25
Tags
vue
design pattern
Want us to email you occasionally with Laracasts news?
Learn Vue 2: Step By Step