Overview Version History Q & A Rating & Review
Vuejs Snippets
Description
Short and simple vue snippets!
This project still needs support for nuxt, vite config, vue 2, vue router, and pinia.
Contributions are welcome github
If you're submitting a code snippet, it's essential to include corresponding documentation within the tables in the README. Please note that we won't be able to accept your pull request without this documentation. Thank you for your understanding!
Installation
Vue
Snippet
Purpose
vueinitSingle file component with script setup, template, and style
vsfinitSingle file component with script setup function, template, and style
vuescriptvue script tag
vuetemplatevue template tag
vuestylevue style tag
Script
Snippet
Purpose
vuedefinepropsdefine properties
vuecomputedcomputed property
vuewatchwatcher
vueprovidevue provide
vueinjectvue inject
vueonmountedmounted lifecycle method
vueonunmountedmounted lifecycle method
vueonbeforemountbeforeMount lifecycle method
vueonbeforeunmountbeforeMount lifecycle method
vueonbeforeupdatebeforeUpdate lifecycle method
vueonupdatedupdated lifecycle method
vueonactivatedkeepalive lifecycle method
vueondeactivatedkeepalive lifecycle method
vueonrendertrackedcalled when a reactive dependency has been tracked
vueonrendertriggeredreactive dependency triggers the component's render effect to be re-run
Template
Snippet
Purpose
vtextv-text
vhtmlinserting html
vshowsetting element to display one
vifremoving or adding element to dom
velsev-else
velseifuse along side v-if
vforv-for directive
vonv-on click handler with arguments
vbindbinding onto attributes
vmodelSemantic v-model directive
vslotdenotes named slot
vpreskip compilation for this element and its children
vonceevaluate only once
vmemomemoize data
vcloakUsed to hide un-compiled template until it is ready
vkeykey
vrefreference to a dom element
Enjoy!
