欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue中輪訓(xùn)器的使用

 更新時(shí)間：2019年01月27日 11:27:02   作者：Moment°回憶  
今天小編就為大家分享一篇關(guān)于vue中輪訓(xùn)器的使用，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧

核心代碼：

<template>
  <div >
   {{log}}
  </div>
</template>
<script>
  export default {
    name: "TrainingInRotation",
   data(){
    return {
     log:0,
     timerId:1, // 模擬計(jì)時(shí)器id，唯一性
     timerObj :{}, // 計(jì)時(shí)器存儲(chǔ)器
    }
   },
   created(){
     this.startTraining();
   },
   methods: {
    /*
   * 開始輪訓(xùn)
   * */
    startTraining() {
     let this_ = this;
     const id = this.timerId++
     this.timerObj[id] = true
     async function timerFn() {
      if (!this_.timerObj[id]) return
      await this_.getData();
      setTimeout(timerFn, 1 * 1000)
     }
     timerFn();
    },
    /*
    * 停止輪訓(xùn)
    * */
    stopTime() {
     this.timerObj = {}
    },
    /*
    * 要輪訓(xùn)的代碼
    * */
    getData(){
     this.log+=1;
     console.log("this.log:"+this.log);
    }
   },
   destroyed(){
    this.stopTime();
   }
  }
</script>
<style scoped>
</style>

效果圖：

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接

相關(guān)文章

  • vue 出現(xiàn)data-v-xxx的原因及解決

    vue 出現(xiàn)data-v-xxx的原因及解決

    這篇文章主要介紹了vue 出現(xiàn)data-v-xxx的原因及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • VueJs與ReactJS和AngularJS的異同點(diǎn)

    VueJs與ReactJS和AngularJS的異同點(diǎn)

    這篇文章主要為大家詳細(xì)介紹了VueJs與ReactJS和AngularJS的異同點(diǎn),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-12-12
  • 基于Vue.js的表格分頁組件

    基于Vue.js的表格分頁組件

    這篇文章主要為大家詳細(xì)介紹了基于Vue.js的表格分頁組件使用方法，了解了Vue.js的特點(diǎn)，感興趣的朋友可以參考一下
    2016-05-05
  • Element?table?上下移需求的實(shí)現(xiàn)

    Element?table?上下移需求的實(shí)現(xiàn)

    本文主要介紹了Element?table?上下移需求的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-07-07
  • Vue封裝組件并上傳到npm的教程詳解

    Vue封裝組件并上傳到npm的教程詳解

    這篇文章主要為大家詳細(xì)介紹了Vue封裝組件并上傳到npm的相關(guān)教程,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以參考下
    2024-04-04
  • 又一款MVVM組件 構(gòu)建自己的Vue組件（2）

    又一款MVVM組件 構(gòu)建自己的Vue組件（2）

    這篇文章主要為大家分享了一款MVVM組件，構(gòu)建自己的Vue組件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-03-03
  • 通用vue組件化展示列表數(shù)據(jù)實(shí)例詳解

    通用vue組件化展示列表數(shù)據(jù)實(shí)例詳解

    組件化開發(fā)能大幅提高應(yīng)用的開發(fā)效率、測(cè)試性、復(fù)用性等,下面這篇文章主要給大家介紹了關(guān)于通用vue組件化展示列表數(shù)據(jù)的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2023-06-06
  • vue-cli 引入jQuery，Bootstrap，popper的方法

    vue-cli 引入jQuery，Bootstrap，popper的方法

    這篇文章主要介紹了vue-cli 引入jQuery，Bootstrap，popper的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-09-09
  • vue-router項(xiàng)目實(shí)戰(zhàn)總結(jié)篇

    vue-router項(xiàng)目實(shí)戰(zhàn)總結(jié)篇

    vue-router 是 Vue.js 官方的路由庫.這篇文章主要介紹了vue-router項(xiàng)目實(shí)戰(zhàn)總結(jié),需要的朋友可以參考下
    2018-02-02
  • 詳解Vue學(xué)習(xí)筆記進(jìn)階篇之列表過渡及其他

    詳解Vue學(xué)習(xí)筆記進(jìn)階篇之列表過渡及其他

    本篇文章主要介紹了詳解Vue學(xué)習(xí)筆記進(jìn)階篇之列表過渡及其他，具有一定的參考價(jià)值，有興趣的可以了解一下
    2017-07-07

最新評(píng)論