1. O modelo em si não tem nenhum significado especial. Você pode aprender sobre a tag de modelo do html.
2. O "elemento raiz" descrito pelo site oficial e outros refere-se aos elementos sob a tag de modelo, não incluindo e não o próprio modelo 3. Frequentemente
2 erros:
O modelo de componente deve conter exatamente um elemento raiz.
<template>
<div>1</div>
<div>2</div>
</template>
Como mencionado acima: o elemento raiz refere-se ao elemento irmão no primeiro nível do modelo. Existem 2 elementos irmãos aqui, ou seja, existem 2 elementos raiz (os elementos raiz são os dois divs).
Só pode haver um elemento irmão no primeiro nível abaixo do template, ou seja, só pode haver um elemento raiz.
Não é possível usar <template> como elemento raiz do componente porque ele pode conter vários nós.
Este erro é o erro do questionador.Este erro significa que o modelo não pode ser usado como elemento raiz no modelo, porque o próprio modelo não pode garantir que o erro acima não será cometido.
Por exemplo: não disse que apenas um elemento raiz é permitido? Então eu usaria apenas um modelo como elemento raiz, por exemplo
<template>
<template>
...
</template>
</template>
Desculpe, não! Porque você não pode garantir que o template utilizado como elemento raiz possua apenas um elemento raiz, ou seja, o "..." no segundo template não possui necessariamente apenas um elemento raiz, o que não é permitido pelo Vue.
O assunto da questão é o segundo erro: o sujeito quer usar template como elemento raiz, mas este template possui dois elementos irmãos, label e input, o que significa que há mais de um elemento raiz.
nota: Claro, apenas um elemento irmão no primeiro nível abaixo do modelo é permitido, que é apenas para o elemento raiz. Quando o modelo aninhado dentro não tem nada a ver com o elemento raiz, você pode fazer o que quiser!
exemplo:
<template>
<div>
<template>
<template>
232432
</template>
</template>
</div>
</template>
Se houver algo errado, por favor me corrija ^_^