Question

我发生了一件奇怪的事情，其中vue声称实例中的属性实际上是未定义的。我已经制作了该组件的最低版本，但仍显示出这种奇怪的行为。这是我的组件：

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

在浏览器中查看时，vue抛出熟悉的错误：属性或方法“ formtitle”未在实例上定义，而是在渲染过程中引用，但是可以看出，该属性在数据函数中定义。还有什么其他条件可以触发此错误？

Answer 1

您将</template>而不是</script>作为最后的结束标签。

Vue抱怨实际上是未定义的未定义属性

1 个答案: