前提・実現したいこと
JavaScriptのメモリリークについて悩んでいます。
Vue.js(v2.5.17)を使用しています。
cssスタイルの値を時間経過で変更しつづけるコードを書きました。
Google Chromeのタスク マネージャで確認したところ、
「JavaScript メモリ」欄の値が増え続けてしまいます。
調べてはみましたが、対処法がわからず質問させていただきます。
まず、本当にメモリリークしているかどうかの段階から、いまいち自信がないです。。
わかる方いらっしゃいましたら、ご教授いただけませんでしょうか。
該当のソースコード
html
1<div id="app"> 2 <div v-bind:style="innerStyle"> 3 <article>テスト</article> 4 </div> 5</div>
js
1new Vue({ 2 el: '#app', 3 data: { 4 num:0, 5 }, 6 methods: { 7 next: function(){ 8 self = this; 9 self.num++; 10 setTimeout(function(){ 11 self.next(); 12 },1000); 13 } 14 }, 15 computed: { 16 innerStyle: function () { 17 return {'margin-left': this.num + "%"} 18 }, 19 }, 20 mounted: function () { 21 this.next(); 22 } 23})

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/19 06:14 編集
2018/09/19 06:14