记录下偶尔用到的代码片断,用得少记不住

一、VUE的事件获取默认值和传参一起
@click="funName($event , ...参数)"


二、数组对象更新不想用$set的时候,使用下面代码强制刷新下就好
this.$forceUpdate()

三、页面定时器如果在destroyed()销毁页面的时候清除定时器,会难以维护
 data() {
    return {
      timer: null,
      num: 1,
    }
  },
  
  mounted() {
     this.timer = setInterval(() => {
        console.log('定时器加1', this.num++)
      }, 1000)
  },
  destroyed() {
    clearInterval(this.timer)
  },
使用hook:destroyed可以把清除定时器代码写在一起,注释定时器的时候可以方便一起注释了
methods: {
    startTimer() {
      this.timer = setInterval(() => {
        console.log('定时器加1', this.num++)
      }, 1000)
      //直接在这写清除定时器方便维护
      this.$once('hook:destroyed', _ => {
        clearInterval(this.timer)
      })
    },    
  },
































暧昧贴