美文网首页
Vue 记事

Vue 记事

作者: Passon_Fang | 来源:发表于2019-04-04 11:01 被阅读0次

嵌套路由简易写法

component: {render: h => h("router-view")}

Vue setInterval 使用

data(){
  return{
    timer: null,
  }
}

//
methods:{
  startTimer(){
    this.timer = setInterval(()=>{
      // do something
    }, 1000);
  },
  stopTimer(){
    if (this.timer) {
      clearInterval(this.timer);
    }
  }
},
beforeDestroy(){
  this.stopTimer();
}

Vue 组件中添加监听

添加监听: handleGlobalClick 属于 methods

  mounted() {
    document.addEventListener("click", this.handleGlobalClick);
  },

取消监听:

  beforeDestroy() {
    document.removeEventListener("click", this.handleGlobalClick);
  }

参考:https://github.com/iview/iview/blob/2.0/src/components/affix/affix.vue

相关文章

网友评论

      本文标题:Vue 记事

      本文链接:https://www.haomeiwen.com/subject/ackfiqtx.html