vue-state

    0.1.0 • Public • Published

    vue-state

    A simple shortcut wrapper around the $http method in the vue-router library.

    It allows you to track the state of a request by passing in a variable to track.

    There are thre states which are sending, sent, error.

    For example:

    <template
        {{ getItemsState }}
        
        <div v-if="getItemsState === 'sending'">Loading...</div>
        <div v-if="getItemsState !== 'sending'">
            // Show Items
        </div>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    items: [],
                    getItemsgState: 'init'
                };
            },
            ready() {
                this.fetchItems();
            },
            methods: {
                fetchItems() {
                    this.$state.get('/items', {}, function (resp) {
                        this.items = resp.data;
                    }, {
                        track: 'getItemsState'
                    });
    
                    // Or
    
                    this.$state('/items', {
                        track: 'getItemsState',
                        success: function (resp) {
                            this.items = resp.data;
                        }
                    });
                }
            }
        }
    </script>
    

    Install

    npm i vue-state

    DownloadsWeekly Downloads

    2

    Version

    0.1.0

    License

    none

    Last publish

    Collaborators

    • websanova