egghead.io
illustration for Advanced Fine-Grained Control of Vue.js Components

Course

Advanced Fine-Grained Control of Vue.js Components

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

Write Vue Functional Components Inline

John Lindquist
InstructorJohn Lindquist
  • vue
    Vue.js^2.5.9

Share this video with your friends

Send Tweet

Vue's functional components are small and flexible enough to be declared inside of .vue file next to the main component. This allows you to mix jsx and Vue's templates so you have complete control over how to render your content.

illustration for Advanced Fine-Grained Control of Vue.js Components

Course

Advanced Fine-Grained Control of Vue.js Components

Build your Developer Portfolio and climb the engineering career ladder.
  • Search
  • Talks
  • Podcasts
  • Machine
  • Pricing
  • Store
©egghead.io
Terms & Conditions