Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Advanced Fine-Grained Control of Vue.js Components

via egghead.io

Overview

Vue is known for being super easy to pick up and quickly build great applications using the built-in template bindings and directives. As your application grows in complexity, you'll need finer control of your components.
In this course, we’ll define where content of a component should land when you define the content inside of a parent component with Vue slots and manage that relationship with slot-scope. We’ll continue with dynamic and async Vue components as well as use JSX inside Vue for complete JavaScript control of your components.
This course provides an overview of Advanced Vue.js Components with quick demonstrations on how to leverage Vue Component patterns.

Syllabus

  • Simplify Vue Components with vue-class-component
  • Define Props on a Vue Class with vue-property-decorator
  • Place Content in Components with Vue Slots
  • Create Layouts with Named Vue Slots
  • Pass Props Between Components with Vue Slot Scope
  • Pass Props to Vue Functional Templates
  • Control Template Contents with Vue's Render Function
  • Avoid Semantic HTML Names for Vue Components
  • Write Vue Functional Components Inline
  • Pass Vue Render Functions as Props for Powerful Patterns
  • Switch Between Vue Components with Dynamic Components
  • Load Vue Async Components
  • Handle Errors and Loading with Vue Async Components

Taught by

John Lindquist

Reviews

4.5 rating at egghead.io based on 179 ratings

Start your review of Advanced Fine-Grained Control of Vue.js Components

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.