前端项目的功能知识点(随便写的)

创建输入框自动聚焦-全局扩展

Vue.use() 会调用 install 方法,这是内置的,所以方法名是固定的

使用Vue.use会有两种情况

• 如果是对象+install方法,那么install方法就会被执行
  
• 如果Vue.use对应的是一个函数,那么函数本身就会被执行,然后在里面再进行一些全局的扩展
  
  在标签内使用 v-fofo
  

---

输入框的防抖操作

计时n秒后,再出发逻辑代码
如果函数再次触发,清空上一个定时器
好处,降低逻辑代码的触发频率,节约性能和流量

<van-search
 @input="inputFn"
 v-model="kw"
/>

export default {
   
data () {
   
    return {
   
      kw: '', // 搜索关键字
      timer: null
    }
  },

 methods: {
   
    inputFn (value) {
   
      clearTimeout(this.timer)
      this.timer = setTimeout(() => {
   
        console.log('发起请求' + value)
      }, 1000)
    }
  }