A Designer’s Guide to Vue.js Components

Craig CampbellMar 15, 2018Lessons: 9Length: 41 minutes

HTML/CSS JavaScript for Designers

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

2.2 Creating a Component

In this lesson I will walk you through how to create “globally registered components” using the Vue framework.

Useful Links

Starting Pen
Ending Pen

1.Introduction
1 lesson, 00:31

2.Vue.js Components
7 lessons, 40:01

2.1
Our Starting Web Page
03:00

2.2
Creating a Component
08:40

2.3
Cleaning up the Component
03:30

2.6
Templates in Script Tags
03:40

3.Conclusion
1 lesson, 00:34

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.

craigsoup

A Designer’s Guide to Vue.js Components

Next lesson playing in 5 seconds

2.2 Creating a Component

1.Introduction
1 lesson, 00:31

1.1
Welcome
00:31

2.Vue.js Components
7 lessons, 40:01

2.1
Our Starting Web Page
03:00

2.2
Creating a Component
08:40

2.3
Cleaning up the Component
03:30

2.4
Making It Dynamic
09:10

2.5
Local Registration
03:30

2.6
Templates in Script Tags
03:40

2.7
Quantity Boxes
08:31

3.Conclusion
1 lesson, 00:34

3.1
Final Thoughts
00:34

A Designer’s Guide to Vue.js Components

Next lesson playing in 5 seconds

2.2 Creating a Component

1.Introduction1 lesson, 00:31

2.Vue.js Components7 lessons, 40:01

3.Conclusion1 lesson, 00:34

1.Introduction
1 lesson, 00:31

2.Vue.js Components
7 lessons, 40:01

3.Conclusion
1 lesson, 00:34