Vue: 루트 요소를 들여 쓴 후에 만 ​​Vue.js mustach가 올바르게 렌더링되지 않음

버전

2.5.16

복제 링크

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

재현 단계

이 문제는 루트 요소가 들여 쓰기되지 않고 콧수염이 여러 줄로 분할 된 경우 발생합니다.

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

루트 요소가 들여 쓰기 된 경우에만 콧수염이 올바르게 렌더링됩니다.

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

또한 작동하는 것은 콧수염을 한 줄에 넣고 루트 요소를 들여 쓰지 않을 때입니다.

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

무엇을 기대합니까?

콧수염은 데이터를 바인딩해야합니다.

실제로 무슨 일이 일어나고 있습니까?

콧수염은 일반 텍스트로 렌더링됩니다.

내 코드를 예쁘게 만들고 싶었 기 때문에 콧수염을 여러 줄로 나누고 루트 요소의 들여 쓰기를 제거했습니다.