Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>vue jsx snippetsNew to Visual Studio Code? Get it now.
vue jsx snippets

vue jsx snippets

yandongxu

|
401 installs
| (0) | Free
Vue jsx/tsx snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vue JSX Snippets

JSX snippets for Vue 2.7+ and Vue 3.x.

Snippets

DefineComponent

Snippet Description
def DefineComponent
deff DefineComponent (functional)
defa DefineAsyncComponent

Component Config

Snippet Description
props Component props
methods Component methods
setup Component setup
prop Single prop
method Single method
render -

Reactive

Snippet Description
ref Define a ref value
reactive Define a reactive value
watch watch
watche watchEffect
watchpe watchPostEffect
watchse watchSyncEffect
comp computed
compw computed with getter/setter

Life cycle

Snippet Description
mount onMounted
update onUpdateded
unmount onUnmounted
beforemount onBeforeMount
beforeupdate onBeforeUpdate
beforeunmount onBeforeUnmount
activate onActivated
deactivate onDeactivated
errorcapture onErrorCaptured
serverprefetch onServerPrefetch

Release Notes

0.0.1

  • Initial released
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft