typescript - 导出默认类扩展 Vue 无法从模板访问

Question

我从结合 typescript 的 Vue.js 开始，不知何故我无法从类外读出我的值(value)观。

@Component({
    name: 'SidebarItem',
    components: {
      SidebarItemLink
    }
  })

export default class extends Vue {
 get someValue(){
   return 1234
 }
}

所以当我试图让 someValue() 显示时，它给出了一个 Unresolved 变量错误

<template>
<div>
<p>{{some value}}</p>
</div>
</template>

我怎样才能让它工作？

谢谢

Answer 1

我已经为您的问题创建了一个简单的最小解决方案 here

import Vue from 'vue'
import { Component } from 'vue-property-decorator'
@Component({
  components: {},
  template: `
    <div>      
      <template>
        <div>
        <p>{{someValue}}</p>
        </div>
        </template>
    </div>
  `
})
export class App extends Vue {
  count = 0;
  onButtonClicked(val) {
    this.count++;
  }
  get someValue() {
    return 12345
  }
}