Canvas是一個HTML5元素，它是一個畫布，允許通過JS來創建和操作圖形，Vue是一個JavaScript的框架，使得開發者能夠更加方便的操作DOM元素和數據。在Vue中使用Canvas實現切換往往會比較困難，但是可以通過合理的組織代碼和使用Vue的數據綁定來達到效果。

在Vue中使用Canvas實現切換需要使用到Vue的特性，觀察者模式，以及Canvas API。觀察者模式是指Vue可以使用數據綁定來監控數據的變化并對變化進行響應，而Canvas API 則是指我們需要使用Canvas提供的各種函數來實現畫布中的操作。

這段代碼是一個Vue組件，它有一個畫布元素和一個定時器。每次定時器觸發后，會調用 drawFrame 函數來繪制畫布，同時更新 currentIndex 變量，保證繪制的圖片是輪播形式的。drawFrame函數中會獲取到 canvas 元素并通過 getContext 獲取到一個2d的繪制上下文，然后會創建一個 Image 對象，在該對象加載完成后會將該對象繪制到畫布上。

在這里，我們不需要手動去清空畫布，因為 Canvas API會默認在每次繪制時清空畫布，也就是說，我們每次只需要繪制一張圖片就可以了。

總結起來，這段代碼中通過使用 Vue 的數據綁定和數據觀察模式，使用 Canvas API 實現了畫布的輪播切換。經過這樣一段練習，你學會了如何使用 Vue 和 Canvas API 實現自己的畫布輪播圖。