Почему v-bind перестает работать со строками?

Question

[svk44]

Почему когда я передаю в пропс строку, то они не работают?
пример:

<card-item :title="Неработающий заголовок"/>
  <card-item title="Работающий заголовок"/>

Answer 1

[ⓒⓢⓢ]

потому что с ":" - это вычисляемый аттрибут

для примера, строку можно взять в одинарные кавычки, чтобы это было валидное выражение:
:title="'Неработающий заголовок'"

можно рассматривать как:
var title = 'Неработающий заголовок';
без одинарных кавычек, получается так:
var title = Неработающий заголовок; - ошибочная конструкция

Answer 2

[0xD34F]

<card-item :title="Неработающий заголовок"/>

Понятно. Давайте посмотрим, что относительно назначения директивы v-bind говорит документация:

Динамически связывает атрибуты тега или входной параметр компонента с выражением.

Вопрос вам: почему вы решили, будто Неработающий заголовок - это выражение?

Comments

[svk44]

0xD34F,
спасибо.
но, чтобы наверняка уточнить, получается, если я буду выводить туда значения с элемента массива, после прохода по нему, условно: :title="item.title" то все будет успешно работать?

[0xD34F]

svk44, здесь нечего уточнять. Вы или поняли, что делали не так, и как делать надо, или идите js осваивать.

[svk44]

0xD34F, понял, спасибо)