Question

我从Vue.js与typescript结合开始，以某种方式无法从类外读取值。

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

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

所以当我尝试显示someValue（）时，它给出了一个未解决的变量错误

<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
  }
}

导出默认类扩展了模板无法访问的Vue

1 个答案: