Vue: Ошибка компиляции шаблона, даже если один корневой элемент

Созданный на 20 июл. 2017 · 4Комментарии · Источник: vuejs/vue

Версия

2.4.1

Ссылка для воспроизведения

https://jsfiddle.net/k5h2fvqh/

Действия по воспроизведению

<p> тег как корневой элемент
поместить тег <div> как дочерний элемент

Что ожидается?

Правильно отрисовать шаблон

Что на самом деле происходит?

Ошибка при компиляции шаблона с сообщением «Шаблон компонента должен содержать ровно один корневой элемент»

bug

Источник

eu81273

Самый полезный комментарий

Это исполняемое поведение, тег <p> не может иметь дочернего элемента <div> (и других блоков тоже), поэтому <p><div></div></p> анализируется как <p></p><div></div></p> и, как вы можете видеть, это более одного корневого элемента. Это ограничения HTML.

PS Более подробная информация доступна здесь