開發十年，就只剩下這套架構體系了！ >>>   

• 專案中最多用的地方就是輸入框搜尋，不可能說每次使用者輸入一個字就向後端傳送搜尋請求，下面見程式碼：

<el-input v-model="input" @change='search' placeholder="請輸入內容"></el-input>

<script>
export default {
  data() {
    return {
      input: '',
      timeOutId: ''
    }
  },
  methods: {
      search () {
          let that = this;
          clearTimeout(this.timeOutId);
          this.timeOutId = setTimeout(() => {
              that.doAjax(this.input);
          }, 100);
      },
      doAjax (data){}
  }
}
</script>
 

• 第二場景就是視窗的變化，隨這視窗變化，會做一些頁面的操作，例如重