https://github.com/iirving/vue3-options-api-examples
a collection of Vue 3 simple apps demonstrating concepts
https://github.com/iirving/vue3-options-api-examples
javascript vue3 vuejs
Last synced: 3 months ago
JSON representation
a collection of Vue 3 simple apps demonstrating concepts
- Host: GitHub
- URL: https://github.com/iirving/vue3-options-api-examples
- Owner: iirving
- Created: 2023-11-12T18:18:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-27T23:16:00.000Z (over 1 year ago)
- Last Synced: 2025-01-11T05:18:49.721Z (5 months ago)
- Topics: javascript, vue3, vuejs
- Language: CSS
- Homepage:
- Size: 29.3 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# a collection of Vue 3 simple apps demonstrating concepts
To Use : clone repo and open various folders or index.html files
1. [Shop list : adding Vue to html page](./shopp-list-embeded-vue/)
an HTML app with Vue embed, no compoents.
2. [A click counter with a html embeded in JS ](./click-counter-embeded-render)
HTML comming from the JS in a vue compoent in a separate file (very React like).
3. [A click counter with html in the html page ](./click-counter/)
HTML is in the vue template, otherwise same as above.
4. [A list app with a x-template in the html page, and data passed in via props ](./plan-picker/)
an Inital plan picker, with nested components and basic props.
5. [A more advance picker with communcation between child to parent ](./plan-picker-custom-event)
emiting clicks on child component to affect value in parent component.
6. [A simple slots Demo](./slots/)
Use slots and named slots where merge props won't cut.
7. [a simple Github Profie component](./Github%20Profile%20Component/),
pulling data from the github api using userName, and displaying.
8. [a notification message chip component](./notifcation-component/)
a component show shows a chip style notification element, with the type and header passed in via props, and more dettailed message via slots. Also allows for the closing and hiding of the notification.