Vue жалуется на неопределенные свойства, которые на самом деле определены

У меня есть странный случай, когда vue утверждает, что свойство не определено в экземпляре, когда оно действительно определено. Я сделал минимальную версию компонента, который все еще показывает это странное поведение. Это мой компонент:

    <template>
      <div>
        <h1>{{ formtitle }}</h1>
      </div>
    </template>
    <script>
      export default {
        name: 'RequestPasswordChange',
        data () {
          return {
            formtitle: 'blabla'
          }
        }
      }
    </template>

При просмотре в браузере vue выдает знакомую ошибку: свойство или метод formtitle не определен в экземпляре, но на него ссылаются во время рендеринга, но, как видно, свойство определено в функции данных. Какие другие условия могут вызвать эту ошибку?


person Mark Hagers    schedule 08.07.2020    source источник
comment
У вас есть ‹/template› вместо ‹/script› в качестве последнего закрывающего тега, может быть это?   -  person digout    schedule 08.07.2020
comment
Вы совершенно правы! На самом деле неправильный конечный тег был опечаткой, которую я сделал при вводе этого вопроса, но в моем исходном комментарии отсутствовал закрывающий тег ‹/script›. Спасибо, вы должны были сделать это ответом, чтобы я мог пометить его как правильный ответ. Меня раздражает, как я могу терять время из-за такой простой опечатки.   -  person Mark Hagers    schedule 08.07.2020


Ответы (1)


У вас есть </template> вместо </script> в качестве последнего закрывающего тега.

person digout    schedule 08.07.2020
comment
На всякий случай, если кто-то думает, что это не очень полезный вопрос / ответ: я часами искал в Интернете, прежде чем отправить этот вопрос. Если бы я нашел что-то похожее на это, то потерял бы 5 минут вместо нескольких часов на это. ИМО полезно знать, что эта ошибка может быть вызвана отсутствием закрывающего тега скрипта. - person Mark Hagers; 08.07.2020