0.2.33 • Published 2 years ago
@shawnsandy/vue-services v0.2.33
vue-services
Vue wrapper components for loading and displaying data using Axios.js, more info/docs coming soon
Project setup
yarn install @shawnsandy/vue-services
Compiles and hot-reloads for development
yarn serve
Compiles and minifies for production
yarn build
Lints and fixes files
yarn lint
Customize configuration
Usage (example)
Quick example SFC component (Not IE compatible)
<data-provider url="https://jsonplaceholder.typicode.com/users">
<template v-slot:default="{ data, message, loading, error }">
<div v-if="loading">Loading...</div>
<div v-else-if="error">Message: {{ message }}</div>
<div v-else>{{ data }}</div>
</template>
</data-provider>
//..... add link to script
<script src="https://cdn.jsdelivr.net/npm/@shawnsandy/vue-services@0.1.1/dist/js/index.js"></script>
Example renderless component (IE compatible)
<template>
<div id="app">
<data-provider url="https://cat.ceo/api/breed/husky/images">
<template v-slot:default="{ loading, error, data, message }">
<div v-if="loading">Loading...</div>
<div v-else-if="error">Message: {{ message }}</div>
<div v-else>{{ data }}</div>
</template>
</data-provider>
</div>
</template>
<script>
import DataProvider from "@shawnsandy/vue-services/src/providers/Axios";
export default {
name: "AxiosProvider",
"components": {
DataProvider
}
};
</script>
0.2.36
2 years ago
0.2.35
2 years ago
0.2.34
2 years ago
0.2.33
2 years ago
0.2.26
3 years ago
0.2.25
3 years ago
0.2.24
3 years ago
0.2.23
3 years ago
0.2.22
3 years ago
0.2.20
3 years ago
0.2.19
3 years ago
0.2.18
3 years ago
0.2.17
3 years ago
0.2.16
3 years ago
0.2.15
3 years ago
0.2.14
3 years ago
0.2.13
3 years ago
0.2.12
3 years ago
0.2.9
4 years ago
0.2.7
4 years ago
0.2.6
4 years ago
0.2.3
4 years ago
0.2.1
4 years ago
0.1.3
4 years ago
0.1.1
4 years ago