Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Composition API
Slide 2
Slide 2 text
Why do we need one more API?
Slide 3
Slide 3 text
We had problems! Code Organisation Logic Extraction
Slide 4
Slide 4 text
Options Based API Component Logic can be split in 6-10 options. data, props, computed, methods, watch and life cycle methods
Slide 5
Slide 5 text
Logic Extraction There is no efficient logic extraction mechanism in current API.
Slide 6
Slide 6 text
Problems with Mixins Namespace Collision Obscure and unclear origin
Slide 7
Slide 7 text
Problems with Mixin Factories Namespace Collision Obscure and unclear origin
Slide 8
Slide 8 text
Problems with Scoped Slots Locked in Templates Multiple Sources Limited Intellisense
Slide 9
Slide 9 text
Problems with Type Inference this type is complex Limited Intellisense
Slide 10
Slide 10 text
How does Composition API solve this?
Slide 11
Slide 11 text
Crash Course JavaScript define function call functions
Slide 12
Slide 12 text
Crash Course Composition API define function call functions
Slide 13
Slide 13 text
Code
Slide 14
Slide 14 text
Resources vue-composition-api-rfc.netlify.com github.com/vuejs/composition-api github.com/znck/dogsay