VueJS 2 Uncaughed ReferenceError: _가 디바운스와 함께 정의되지 않았습니다.

VueJS 2 Uncaughed ReferenceError: _가 디바운스와 함께 정의되지 않았습니다.

500밀리초 동안 기능을 실행하지 못하게 하려고 합니다.다음의 메뉴얼을 참조해 주세요.

https://vuejs.org/v2/guide/migration.html#debounce-Param-Attribute-for-v-model-removed

    methods: {
        // Get the data needed for this page
        fetchData: _.debounce(function () {
            this.$http.get('widgets/quickfindordernumber/' + this.quickFindOrderNumber).then(function (response) {
                console.log(response.body)
            }, function (error) {
                console.log(error);
            });
        }, 500)
    }

그러나 이 기능을 실행하면 콘솔에 오류가 나타난다.Uncaught ReferenceError: _ is not defineddebounce 앞에 있는 _.를 삭제하려고 했지만 debounce도 정의되어 있지 않습니다.

이 예에서는 VueJ는debounce언더스코어처럼 외부 라이브러리에서 기능합니다.JS 또는 lodash.

이 기능을 사용하려면 (npm 모듈에 설치한 후) 다음과 같이 파일에 포함합니다.

import _ from 'lodash';

new Vue({
    // ...
    methods: {
        // Get the data needed for this page
        fetchData: _.debounce(function () {
            this.$http.get('widgets/quickfindordernumber/' + this.quickFindOrderNumber).then(function (response) {
                console.log(response.body)
            }, function (error) {
                console.log(error);
            });
        }, 500)
    }
});

언급URL : https://stackoverflow.com/questions/42814679/vuejs-2-uncaught-referenceerror-is-not-defined-with-debounce