Синтаксис Vue, отображаемый в HTML

Я знакомлюсь с Vue.js, читаю и пробую чужой код, чтобы понять, что происходит.

При рендеринге HTML я получаю условные выражения Vue, отображаемые на странице, например Синтаксис Vue, отображаемый в HTML

HTML выглядит так %div.validation-error v-if = "errors.has('start')" %p.error Bitte wählen Sie aus, ab wann Sie Ihren Austauschschüler aufnehmen wollen.

В чем может быть причина? Я добавил vee-validate как скрипт в макет.

Изучите сам HTML. Может, это сломанный элемент, который идет раньше?

Justinas 28.05.2018 10:36

Это не обычный синтаксис шаблона HTML и / или Vue.js. Какой шаблонизатор вы используете?

str 28.05.2018 10:37

это может быть потому, что вы используете версию vue для разработки, а не производственную (см. vuejs.org/v2/guide/#Getting-Started)

Istopopoki 28.05.2018 10:38

@str, у меня шаблон написан на HAML

Dende 28.05.2018 11:58

@AnnaKizilova Тогда прочтите их документация об атрибутах.

str 28.05.2018 12:00

@str, спасибо за комментарий. Проблема действительно заключалась в нарушении синтаксиса HAML при указании атрибутов.

Dende 28.05.2018 13:14

Если на этот вопрос был дан ответ в комментариях, может ли кто-нибудь удалить его или ответить на него, чтобы другие из нас не занимались им без надобности. Спасибо

bbsimonbb 28.05.2018 16:35
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
7
239
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы используете HAML, но устанавливаете значения атрибутов неподдерживаемым способом.

Для справки см. http://haml.info/docs/yardoc/file.REFERENCE.html#attributes:

For example:

%html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}

is compiled to:

<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'></html>

Другие вопросы по теме