typescript - 为什么最小的 ts-vue 模板不起作用？

Question

<template>
  <div>{{ keyword }}</div>
</template>

<script lang="ts">
import { Vue } from 'vue-property-decorator'

export default class Page extends Vue {
  private keyword = ''
}
</script>

得到错误：

属性或方法“关键字”未在实例上定义，但在渲染期间被引用。通过初始化该属性，确保该属性是反应性的，无论是在数据选项中，还是对于基于类的组件。

标签： typescriptvue.jsecmascript-6

Answer 1

您需要应用@Component装饰器。

import { Vue, Component } from 'vue-property-decorator'

@Component
export default class Page extends Vue {
  private keyword = ''
}