vue开发搜索框防抖的优化和日常报错,

组件的通信,父传子,监听的事件名写错,报错了 找到组件 找到名字后直接改正确后bug消失

防抖优化

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) {
        t