這兩年大家使用threejs做項目是越來越多了，為了更方面使用three引擎以及照顧前端開發(fā)工程師的情緒，大家都喜歡使用前端框架，這里我分享一個在使用vue框架遇到的一個坑，大家在使用vue時候，都喜歡把變量定義到data里（純前端開發(fā)好像都是這么做），如果你做的項目模型比較小這樣做沒太大影響（正常情況你的項目資源應(yīng)該不會小），如果你們的模型資源相對來說不是那么小，如果你還這么做，你會發(fā)現(xiàn)這時候你運行系統(tǒng)，幀率會很低，和你不適用vue框架的幀率簡直是兩個數(shù)量級，這是因為vue中data的里定義的變量是vue內(nèi)部機制需要高效實時刷新，而你定義的像scene、camera等變量在引擎中的update里也是需要高速渲染的，data里再反復(fù)渲染，會造成瀏覽器性能下降，所以我再定義有關(guān)three里需要再場景中渲染的變量時，不要在data里定義；這里分享一下個人的習(xí)慣，如果各位有所懷疑的話可以對比測試一下.

分享個人習(xí)慣