vuejs2 - שימוש בשיטות סטטיות של Typescript בתבניות vue

רציתי להשתמש במתודות סטטיות של Typescript בתבניות של Vue

export class ProjectUI {
  static budget(p: Project): string {
    if (p.budget > 0) {
       return p.budget + "EUR"
    } else {
       return "No budget."
    }
}

ובתבנית

:value="ProjectUI.budget(p)"

ואני לא רוצה להשתמש במסננים. עם זאת, Vue לא מוצאת את השיטה בעת הידור התבניות (כיוון ש-ProjectUI.budget הוא תחביר TypeScript).

תשובה #1

אתה יכול להשתמש רק בפונקציות ובמשתנים שהוגדרו ברכיב שלך. אז במקרה שלך תוכל לחשוף את מחלקת ProjectUI כמשתנה נתונים:

data() {
    return {
        ProjectUI
    }
}