@Banan44
Full Stack

Ошибка с пропсами в компонентах, как решить?

Vue.component('blog-post', {
	props: ['title', 'text'],
	template: `
		<h3>{{title}}</h3>
		<p>{{text}}</p> <!-- Ошибка -->
	`
})

const app = new Vue({
	el: '#app'
})

<div id="app">
	<blog-post title="Hello Vue.js" text="Vue.js this is amazing!"></blog-post>
</div>

Почему выдает ошибку?
  • Вопрос задан
  • 66 просмотров
Решения вопроса 2
Kozack
@Kozack Куратор тега Vue.js
Thinking about a11y
Потому что
template should contain exactly one root element

Ваш кэп.
Ответ написан
template: `
  <div>
    <h3>{{title}}</h3>
    <p>{{text}}</p>
  </div>
 `
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы