Вью использовать lodash часы для библиотеки, чтобы уменьшить запрос на фоне давления

lodash необходимо ввести новый

Я использую НПМ путь

Используйте _.debounce метод lodash

Специальный код:

<! DOCTYPE HTML > 
< HTML Ланг = "EN" > 
< голова > 
    < мета кодировка = "UTF-8" > 
    < название > vue.js使用lodash库减少смотреть对后台请求压力</ название > 
    < сценарий SRC = "вю. JS» > </ скрипт > 
    < сценарий SRC = "node_modules / Вардар / расстояние / axios.js" > </ скрипт > 
    < сценарий SRC = "node_modules / lodash / lodash.js" > <
> 
< Body > 
< DIV ID = "ASK" > <! - VUE не контролирует тело и HTML теги -> 
    < ВХОДНОЙ тип = "текст" V-Model = "Слово" > 
    < h1 из > {{}} Результат </ h1 из > 
</ DIV > 
< Script > 
    вар App =  новый новый Vue ({ // экземпляр VUE 
        EL: ' #ask ' , // VUE спросить контроль элемента идентификатора,
        // Часы могут контролировать несколько переменных 
        смотреть: {
            // слушает слово переменного 
            слово :. _ Debounce ( функция (newV, oldV) {
                console.log ( ' старые значения: ' + oldV + ' =======> новое значение: ' + newV);
                 // Здесь вы можете написать асинхронный запрос я использую AXIOS 
                axios.get ( ' api.php? = Слово ' + newV) .then ( функция (РЭС) {
                    console.log (РЭС, « который представляет собой значение , возвращаемое асинхронную » );
                     // операция после записи асинхронного значения , полученного здесь 
                    app.result = res.data;
                });
            }, 3000 )
        },
        данные:{
            слово: '' ,
            Результат: «»

        }
    });
</ Скрипт > 
</ тело > 
</ HTML >

 

рекомендация

отwww.cnblogs.com/tommymarc/p/11627438.html