CODEWITHSUNDEEP
vue.jsvuejs2vue-component
Mark Hagers
Mark Hagers

Reputation: 102

Vue complains about undefined properties that are in fact defined

I have a weird occurrence where vue claims a property is undefined on the instance when it really is defined. I have made a minimal version of the component that still displays this weird behaviour. This is my component:

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

When viewed in the browser, vue throws the familiar error: Property or method "formtitle" is not defined on the instance but referenced during render, but as can bee seen, the property is defined in the data function. What other conditions could trigger this error?

Upvotes: 0

Views: 118

Answers (1)

digout
digout

Reputation: 4252

You have </template> instead of </script> as the final closing tag.

Upvotes: 1

Related Questions