Vue is a progressive javascript framework for building user interfaces. This repository was built to help developers in their day-to-day development of components in Vue also these snippets were developed only for version 2 of Vue framework.
With Package Control: (NOT AVAILABLE YET)
- Open Package Control - (Ctrl or ⌘) + ⇧ + P
- Type
Vue Snippetsand press Enter - Ready to use 🎉
Manually:
- Download latest release and unzip. it into your Packages folder
- Go to Sublime Text → Preferences → Browse Packages
- Move folder to inside, start using...
| Snippet | Purpose |
|---|---|
vbase |
Single file component base |
| Snippet | Purpose |
|---|---|
vclass |
Class binding |
vfor |
v-for directive |
vif |
v-if directive |
vmodel |
Semantic v-model directive |
von |
v-on click handler with arguments |
vshow |
v-show directive |
vsrc |
Image src binding |
vstyle |
Inline style binding |
| Snippet | Purpose |
|---|---|
vcomputed |
Vue computed property |
vdata |
Component data as a function |
vdestroyed |
Vue destroyed |
vdirectives |
Vue create a custom directive |
vfilter |
Vue filter |
vimport |
Import one component into another |
vmethods |
Vue methods |
vmixin |
Create a Vue Mixin |
vmounted |
Vue mounted |
vprops |
Props with type and default |
vwatch |
Vue watcher with new and old value args |
vdispatch |
Dispatch to Vuex store in methods for action |
vinc |
incrementer |
vdec |
decrementer |
| Snippet | Purpose |
|---|---|
vactions |
Vuex Actions |
vgetters |
Vuex Getter |
vmutations |
Vuex Mutations |
Special thank you to Sarah Drasner, for creating the following repository vue-vscode-snippet.
Sublime Vue Snippets is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT)
Created with