v-model實時更新帶來的render問題

每次修改都會引起 render 最近在開發的時候，發現在內容較多的首頁上對 v-model 綁定的輸入框上輸入內容，頁面會變得很卡頓，有些帶有動畫的元素還會閃動，初步懷疑是 v-model 實時更新引起整個組件（頁面）的 re-render。連續執行了輸入「123456789」，通過瀏覽器開發者工具的 Performance 觀察發現，確實是如此： 可以看到會連續觸發9個事件，每個事件中都含有 V

>>阅读原文<<