Skip to content

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