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>