vue-async-computed-decorator
Version:
A vue-class-component decorator for vue-async-computed
54 lines (41 loc) • 1.97 kB
Markdown
<big><h1 align="center">vue-async-computed-decorator</h1></big>
<p align="center">
<a href="https://npmjs.org/package/vue-async-computed-decorator">
<img src="https://img.shields.io/npm/v/vue-async-computed-decorator.svg?style=flat-square"
alt="NPM Version">
</a>
<a href="https://travis-ci.org/foxbenjaminfox/vue-async-computed-decorator">
<img src="https://img.shields.io/travis/foxbenjaminfox/vue-async-computed-decorator.svg?style=flat-square"
alt="Build Status">
</a>
<a href="https://npmjs.org/package/vue-async-computed-decorator">
<img src="https://img.shields.io/npm/dm/vue-async-computed-decorator.svg?style=flat-square"
alt="Downloads">
</a>
<a href="https://david-dm.org/foxbenjaminfox/vue-async-computed-decorator.svg">
<img src="https://david-dm.org/foxbenjaminfox/vue-async-computed-decorator.svg?style=flat-square"
alt="Dependency Status">
</a>
<a href="https://github.com/foxbenjaminfox/vue-async-computed-decorator/blob/master/LICENSE">
<img src="https://img.shields.io/npm/l/vue-async-computed-decorator.svg?style=flat-square"
alt="License">
</a>
</p>
This package provides a [`vue-class-component`](https://github.com/vuejs/vue-class-component/) decorator for [`vue-async-computed`](https://github.com/foxbenjaminfox/vue-async-computed). This allows you to use `vue-async-computed` in your class-style Vie components easily.
## Usage Example:
```javascript
import Vue from 'vue'
import AsyncComputedPlugin from 'vue-async-computed'
import AsyncComputed from 'vue-async-computed-decorator'
import Component from 'vue-class-component'
Vue.use(AsyncComputedPlugin)
@Component
class MyComponent extends Vue {
@AsyncComputed
async someComputedProp() {
...
}
}
```
## Credits
Thanks to [@TheNoim](https://github.com/TheNoim), [@saraedum](https://github.com/saraedum), and [@nwtgck](https://github.com/nwtgck) for the implementation of this decorator.