vue扩展
对vue本身的提效目前是提供一些便捷的缩写，主要是争对选项式进行的优化。
1、提效之HTML缩写
| 缩写 | vue html 代码块 |
|---|---|
| vcomponent | <component :is="componentId"></component> |
| vka | <keep-alive></keep-alive> |
| vtransition | <transition></transition> |
| vtg | <transition-group></transition-group> |
| vrl | <router-link></router-link> |
| vrlt | <router-link to=''></router-link> |
| vrv | <router-view></router-view> |
2、提效之JS缩写
| 缩写 | vue javascript 代码块 |
|---|---|
| vgsilent | Vue.config.silent = true |
| vgeh | Vue.config.errorHandler = function (err, vm, info) {} |
| vgwh | Vue.config.warnHandler = function (msg, vm, trace) {} |
| vgextend | Vue.extend({template: template}) |
| vgset | Vue.set(target, key, value) |
| vgdelete | Vue.delete(target, key) |
| vdirective | Vue.directive({id, [definition]}) |
| vgfilter | Vue.filter({id, [definition]}) |
| vgcomponent | Vue.component({id, [definition]}) |
| vgnt | Vue.nextTick({}) |
| vguse | Vue.use(plugin) |
| vgmixin | Vue.mixin({mixin}) |
| vgcompile | Vue.compile(template) |
| vdata | data() { return |
| vmounted | mounted () {} |
| vbm | beforeMount () {} |
| vcreated | created () {} |
| vbc | beforeCreate () {} |
| vupdated | updated () {} |
| vbu | beforeUpdate () {} |
| vactivated | activated () {} |
| vdeactivated | deactivated () {} |
| vbd | beforeDestroy () {} |
| vdestroyed | destroyed () {} |
| vprops | props: {} |
| vpd | propsData: {} |
| vcomputed | computed: {} |
| vmethods | methods: {} |
| vwatch | watch: {} |
| vwo | key: { deep: true, immediate: true, handler: function (val, oldVal}) { } } |
| vdirectives | directives: {} |
| vfilters | filters: {} |
| vcomponents | components: {} |
| vmixins | mixins:[] |
| vprovide | provide: {} |
| vinject | inject: [] |
| vmodel | model: {prop: '', event: ''} |
| vrender | render(h) {} |
| vnew | new Vue({}) |
| vnt | this.$nextTick(() => {}) |
| vdata | this.$data |
| vprops | this.$props |
| vel | this.$el |
| voptions | this.$options |
| vparent | this.$parent |
| vroot | this.$root |
| vchildren | this.$children |
| vslots | this.$slots |
| vss | this.$scopedSlots.default({}) |
| vrefs | this.$refs |
| vis | this.$isServer |
| vattrs | this.$attrs |
| vlisteners | this.$listeners |
| vwatch | this.$watch(expOrFn, callback, [opitons]) |
| vset | this.$set(target, key, value) |
| vdelete | this.$delete |
| von | this.$on(event, callback) |
| vonce | this.$once(event, callback) |
| voff | this.$off(event, callback) |
| vemit | this.$emit(event, args) |
| vmount | this.$mount() |
| vfu | this.$forceUpdate() |
| vdestroy | this.$destroy() |
3、关闭提示
本部分主要针对选项式编程进行提效，如果采用组合式不需要本部分，可通过去掉勾选 use-vue-snippets禁用该部分功能。
