今天在使用Vuejs開發的時候，遇到了一個奇怪的問題。我正在嘗試使用canvas繪圖，但是在運行代碼的時候，瀏覽器報了一個錯誤：

Uncaught TypeError: Cannot read property 'getContext' of null

我非常困惑，因為我已經確認canvas元素已經被正確生成。我仔細檢查了代碼，發現自己的錯誤：我在引用canvas元素的時候，使用了錯誤的ID。

<canvas id="my-canvas></canvas>
//錯誤的引用
const ctx = document.getElementById('canvas').getContext('2d');
//正確的引用
const ctx = document.getElementById('my-canvas').getContext('2d');

這個錯誤似乎很簡單，但是我從中學到了一個重要的教訓：在引用DOM元素的ID的時候，一定要注意寫正確。如果不確定的話，還是使用console.log來打印元素的ID是最好的做法。