Konvaを利用したときのオブジェクトの重なりについて

こんなコードがあるとします。

<v-image :config="configImage"></v-image>
<v-circle :config="configCircle"></v-circle>

これで画像と円のオブジェクトを生成できます。

画像を見ていただけるとわかると思いますが画像、円の順に重なっています。
重なり順を変えたいって場合が出てくると思います。

こうするのです。

<v-circle :config="configCircle"></v-circle>
<v-image :config="configImage"></v-image>

上記のようにコードを書き換えた結果が以下の画像です。

これで重なり順が円、画像の順に変わりました。
重なり順を変えるだけならそこまで難しくないですね。