v-requester

Vue requester

Send http request and get data over Component with Vue.

Parameters

Name	Required	Default
url	true	-
options	false	{ "spinner_color": "#fff", "spinner_scale": ".1rem", "error_message": "Something went wrong..." }

Events

Name	Default
success	If the http request is successful, it's return axios data.
error	If the http request is not successful,it's returns detailed error information.

Usage

<app-requester
  @success="success"
  @error="error"
  :url="posts.url"
  :options="posts.options">

    <template #default="data">
        <!--response request data-->
      {{ data }}
    </template>

</app-requester>

<script>
  import appRequester from "v-requester";
  export default {
    components: { appRequester },
    data: () => ({
        posts: {
            url: "https://jsonplaceholder.typicode.com/posts",
            options: {},
        },
    }),
    methods: {
        success(data) {
          console.log("success: ", data);
        },
        error(e) {
          console.log("error : ", e);
        },
    },
  };
</script>