如何在Vuejs / Javascript中停止requestAnimationFrame

TLDR：

let id = window.requestAnimationFrame(fancyFunctionHere) window.cancelAnimationFrame(id); 

现在为更长的版本。从技术上来说，在Vue.js中你可能有使用window.requestAnimationFrame的组件/ mixin。自从 fancyFunctionHere 每次调用时都用作回调 window.requestAnimationFrame 你将获得一个你应该使用的新ID destroy 停止它的方法。

不幸的是，这在MDN上并不是很明确，所以希望我的文档编辑与代码示例中的注释相关。

{     created() {         this.id = window.requestAnimationFrame(             this.fancyFunctionHere         );     },      destroyed() {         window.cancelAnimationFrame(this.id);         this.id = undefined;     },      data() {         return {             id: undefined         }     }      methods: {         fancyFunctionHere() {          }     } }