Vue: Vue.js muss nicht korrekt gerendert werden, nachdem das Root-Element eingerückt wurde

Ausführung

2.5.16

Reproduktionslink

https://codesandbox.io/s/6jnlpno3lw

Schritte zum Reproduzieren

Dieses Problem tritt auf, wenn das Stammelement nicht eingerückt ist und der Schnurrbart in mehrere Zeilen aufgeteilt ist.

<template>
<div>
    <p>{{
        myVar
    }}</p>
</div>
</template>

Nur wenn das Wurzelelement eingerückt ist, wird der Schnurrbart korrekt gerendert.

<template>
    <div>
        <p>{{
            myVar
        }}</p>
    </div>
</template>

Was auch funktioniert, ist, wenn Schnurrbart in eine einzelne Zeile gesetzt wird und das Wurzelelement nicht eingerückt wird.

<template>
<div>
    <p>{{ myVar }}</p>
</div>
</template>

Was wird erwartet?

Der Schnurrbart sollte Daten binden

Was passiert eigentlich?

Der Schnurrbart wird im Klartext gerendert

Ich wollte nur meinen Code verschönern, also teilte ich den Schnurrbart in mehrere Zeilen und entfernte den Einzug des Wurzelelements.