1
Simplify Vue Components with vue-class-component
3m 45s
2
Define Props on a Vue Class with vue-property-decorator
1m 40s
3
Place Content in Components with Vue Slots
1m 28s
4
Create Layouts with Named Vue Slots
2m 7s
5
Pass Props Between Components with Vue Slot Scope
3m 1s
6
Pass Props to Vue Functional Templates
3m 45s
7
Control Template Contents with Vue's Render Function
4m 12s
8
Avoid Semantic HTML Names for Vue Components
1m 22s
9
Write Vue Functional Components Inline
2m 2s
10
Pass Vue Render Functions as Props for Powerful Patterns
5m 8s
11
Switch Between Vue Components with Dynamic Components
1m 26s
12
Load Vue Async Components
1m
13
Handle Errors and Loading with Vue Async Components
2m 18s

Pass Vue Render Functions as Props for Powerful Patterns

Vue.js^2.5.9

Share this video with your friends

Render functions open up a world of customization and control by using pure JavaScript rather than Vue's templating language. When you need to pull off something super custom (or maybe you're just coming from React-land) you can turn to Render functions to save the day. This pattern demonstrates something very similar to a "bind" effect in a Vue template, but allows much finer control and customization.

Course

Advanced Fine-Grained Control of Vue.js Components

Jared Hensley

~ 7 years ago

I know the idea is to have small bite sized videos but it would be helpful to have some usefulness attached for more context. Thank you.

Renan

~ 4 years ago

Hi John, In your index.js, why would someone use the export { default as Name } from 'module' instead of export Name from 'module'? I love your content man. Thanks :)