This project is a collection of Vue3 Repl examples. Most of the examples are inspired by svelete.dev/examples and the VueJS documentation.
I love Vue3 documentation, but sometimes I just want to figure out how to do X or Y quickly. These examples serve as a quick reference (cheatsheet) that allows us to do it. Moreover, it gives an overview of the essential features of Vue3.
The examples are hosted at - https://vue3examples.netlify.app/HelloWorld
You can customize this project for your own uses. To add new examples:
- Go to
src/views/[category]and add a Vue file to it. - If your example contains multiple Vue files, create a new folder and add them to it.
- Name your example vue files and folders in a PascalCase format. e.g:
HelloWorld.vue,src/views/styles/ScopedStyles/ScopedStyles.vue,src/views/styles/ScopedStyles/ScopedStylesChild.vue. - The examples will be automatically added to the sidebar.
Please feel free to submit a PR if you have a new example or want to improve the existing ones.