防抖优化

1-不在使用手搓的写法去实现搜索框的防抖功能实现

2-下载 lodash https://lodash.com/docs/4.17.15

控制台中使用任意一个命令
yarn add lodash
npm i lodash

2-采用按需加载的方式, 有利于打包优化.不然引入的是全部的包

import { debounce } from "lodash"

3-在watch中监听使用这个函数

watch: {
    searchText: {
      // debounce 函数
      // 参数1：一个函数
      // 参数2：延迟时间，单位是毫秒
      // 返回值：防抖之后的函数
      //   debounce(函数,时长)  返回一个防抖函数
      handler: debounce(function (value) {
        this.loadSearchSuggestions(value)
      }, 200),  //单位是毫秒,自由设置
      immediate: true // 该回调将会在侦听开始之后被立即调用
    }
  },


//handler  只有监听的数据发生变化的时候才会执行
//这里不要使用箭头函数,  在全局的时候  严格模式下的箭头函数的指向  undefined