- We’re starting off from a static HTML page with some text
- We are then adding a div which will be the root element for a Vue app with some logic
- After that, we are coding the app itself – letting Vue control that div, leaving the other parts of the HTML page untouched
- Finally, we apply a few slight structural changes in the app, to see how modern JavaScript code can be organized into convenient ES6 modules.
You can see the progress step by step by individually checking out the tags:
| Tag | Description |
|---|---|
| v0.1 | Initial commit with no Vue involved |
| v0.2 | Added a tiny hello-world Vue app |
| v0.3 | Added a reusable component |
| v0.4 | Added an input property to the reusable component |
| v0.5 | Added to data the component - score |
| v0.6 | Added buttons to increment the score |
| v0.7 | Added events emission when incrementing the score |
| v0.8 | Converted to ES6 modules system |
| v1.0 | Added this readme 🌝 |