Advanced Fine-Grained Control of Vue.js Components
|
Learn how to simplify Vue.js components and gain finer control as your application grows. Discover Vue slots, async components, and JSX usage.
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.
Course Content
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
User Reviews
Be the first to review “Advanced Fine-Grained Control of Vue.js Components”
You must be logged in to post a review.
There are no reviews yet.