{
"v-text": {
"prefix": "vText",
"body": [
"v-text='${1:msg}'"
],
"description": "Expects: string"
},
"v-html": {
"prefix": "vHtml",
"body": [
"v-html='${1:html}'"
],
"description": "Expects: string"
},
"v-show": {
"prefix": "vShow",
"body": [
"v-show='${1:condition}'"
],
"description": "Expects: any"
},
"v-if": {
"prefix": "vIf",
"body": [
"v-if='${1:condition}'"
],
"description": "Expects: any"
},
"v-else": {
"prefix": "vElse",
"body": [
"v-else"
],
"description": "Does not expect expression. previous sibling element must have v-if or v-else-if."
},
"v-else-if": {
"prefix": "vElseIf",
"body": [
"v-else-if='${1:condition}'"
],
"description": "Expects: any. previous sibling element must have v-if or v-else-if."
},
"v-for-without-key": {
"prefix": "vForWithoutKey",
"body": [
"v-for='${1:item} in ${2:items}'"
],
"description": "Expects: Array | Object | number | string"
},
"v-for": {
"prefix": "vFor",
"body": [
"v-for='${1:item} in ${2:items}' :key='${3:item.id}'"
],
"description": "Expects: Array | Object | number | string"
},
"v-on": {
"prefix": "vOn",
"body": [
"v-on:${1:event}='${2:handle}'"
],
"description": "Expects: Function | Inline Statement"
},
"v-bind": {
"prefix": "vBind",
"body": [
"v-bind$1='${2}'"
],
"description": "Expects: any (with argument) | Object (without argument)"
},
"v-model": {
"prefix": "vModel",
"body": [
"v-model='${1:something}'"
],
"description": "Expects: varies based on value of form inputs element or output of components"
},
"v-pre": {
"prefix": "vPre",
"body": [
"v-pre"
],
"description": "Does not expect expression"
},
"v-cloak": {
"prefix": "vCloak",
"body": [
"v-cloak"
],
"description": "Does not expect expression"
},
"v-once": {
"prefix": "vOnce",
"body": [
"v-once"
],
"description": "Does not expect expression"
},
"key": {
"prefix": "key",
"body": [
":key='${1:key}'"
],
"description": "Expects: string. Children of the same common parent must have unique keys. Duplicate keys will cause render errors."
},
"ref": {
"prefix": "ref",
"body": [
"ref='${1:reference}'$0"
],
"description": "Expects: string. ref is used to register a reference to an element or a child component. The reference will be registered under the parent component’s $refs object. If used on a plain DOM element, the reference will be that element; if used on a child component, the reference will be component instance."
},
"slotA": {
"prefix": "slotA",
"body": [
"slot='$1'$0"
],
"description": "slot=''. Expects: string. Used on content inserted into child components to indicate which named slot the content belongs to."
},
"slotE": {
"prefix": "slotE",
"body": [
"slot"
],
"description": ". Expects: string. Used on content inserted into child components to indicate which named slot the content belongs to."
},
"slotScope": {
"prefix": "slotScope",
"body": [
"slot-scope='$1'$0"
],
"description": "Used to denote an element or component as a scoped slot. The attribute’s value should be a valid JavaScript expression that can appear in the argument position of a function signature. This means in supported environments you can also use ES2015 destructuring in the expression. Serves as a replacement for scope in 2.5.0+."
},
"scope": {
"prefix": "scope",
"body": [
"scope='${1:this api replaced by slot-scope in 2.5.0+}'$0"
],
"description": "Used to denote a element as a scoped slot, which is replaced by `slot-scope` in 2.5.0+."
},
"component": {
"prefix": "component",
"body": [
"component(:is='${1:componentId}') $0"
],
"description": "component element"
},
"keep-alive": {
"prefix": "keepAlive",
"body": [
"keep-alive$0"
],
"description": "keep-alive element"
},
"transition": {
"prefix": "transition",
"body": [
"transition$0"
],
"description": "transition element"
},
"transition-group": {
"prefix": "transitionGroup",
"body": [
"transition-group$0"
],
"description": "transition-group element"
},
"enter-class": {
"prefix": "enterClass",
"body": [
"enter-class='$1'$0"
],
"description": "enter-class=''. Expects: string."
},
"leave-class": {
"prefix": "leaveClass",
"body": [
"leave-class='$1'$0"
],
"description": "leave-class=''. Expects: string."
},
"appear-class": {
"prefix": "appearClass",
"body": [
"appear-class='$1'$0"
],
"description": "appear-class=''. Expects: string."
},
"enter-to-class": {
"prefix": "enterToClass",
"body": [
"enter-to-class='$1'$0"
],
"description": "enter-to-class=''. Expects: string."
},
"leave-to-class": {
"prefix": "leaveToClass",
"body": [
"leave-to-class='$1'$0"
],
"description": "leave-to-class=''. Expects: string."
},
"appear-to-class": {
"prefix": "appearToClass",
"body": [
"appear-to-class='$1'$0"
],
"description": "appear-to-class=''. Expects: string."
},
"enter-active-class": {
"prefix": "enterActiveClass",
"body": [
"enter-active-class='$1'$0"
],
"description": "enter-active-class=''. Expects: string."
},
"leave-active-class": {
"prefix": "leaveActiveClass",
"body": [
"leave-active-class='$1'$0"
],
"description": "leave-active-class=''. Expects: string."
},
"appear-active-class": {
"prefix": "appearActiveClass",
"body": [
"appear-active-class='$1'$0"
],
"description": "appear-active-class=''. Expects: string."
},
"before-enter": {
"prefix": "beforeEnterEvent",
"body": [
"@before-enter='$1'$0"
],
"description": "@before-enter=''"
},
"before-leave": {
"prefix": "beforeLeaveEvent",
"body": [
"@before-leave='$1'$0"
],
"description": "@before-leave=''"
},
"before-appear": {
"prefix": "beforeAppearEvent",
"body": [
"@before-appear='$1'$0"
],
"description": "@before-appear=''"
},
"enter": {
"prefix": "enterEvent",
"body": [
"@enter='$1'$0"
],
"description": "@enter=''"
},
"leave": {
"prefix": "leaveEvent",
"body": [
"@leave='$1'$0"
],
"description": "@leave=''"
},
"appear": {
"prefix": "appearEvent",
"body": [
"@appear='$1'$0"
],
"description": "@appear=''"
},
"after-enter": {
"prefix": "afterEnterEvent",
"body": [
"@after-enter='$1'$0"
],
"description": "@after-enter=''"
},
"after-leave": {
"prefix": "afterLeaveEvent",
"body": [
"@after-leave='$1'$0"
],
"description": "@after-leave=''"
},
"after-appear": {
"prefix": "afterAppearEvent",
"body": [
"@after-appear='$1'$0"
],
"description": "@after-appear=''"
},
"enter-cancelled": {
"prefix": "enterCancelledEvent",
"body": [
"@enter-cancelled='$1'$0"
],
"description": "@enter-cancelled=''"
},
"leave-cancelled": {
"prefix": "leaveCancelledEvent",
"body": [
"@leave-cancelled='$1'$0"
],
"description": "@leave-cancelled='' (v-show only)"
},
"appear-cancelled": {
"prefix": "appearCancelledEvent",
"body": [
"@appear-cancelled='$1'$0"
],
"description": "@appear-cancelled=''"
},
"routerLink": {
"prefix": "routerLink",
"body": [
"router-link $0"
],
"description": "router-link element"
},
"routerLinkTo": {
"prefix": "routerLinkTo",
"body": [
"router-link(to='$1') $0"
],
"description": "router-link(to='') . router-link element"
},
"to": {
"prefix": "to",
"body": [
"to='$1'$0"
],
"description": "to=''"
},
"tag": {
"prefix": "tag",
"body": [
"tag='$1'$0"
],
"description": "tag=''"
},
"routerView": {
"prefix": "routerView",
"body": [
"router-view $0"
],
"description": "router-view element"
}
}