VueJS 2.5和TypeScript增強

Question

VueJS 2.5不存在，我正在等待TypeScript enhancements，但在升級所需的依賴關係後，我確實看不到任何增強功能。

從我讀過這應該顯示一個錯誤類型是什麼，因爲味精是一個數字

<template> 
    <div> 
    <h1>{{ msg }}</h1> 
    </div> 
</template> 

<script lang="ts"> 
    export default { 
    data: function() { 
     return { 
     msg: 1 
     } 
    }, 
    methods: { 
     test: function(): number { 
     return this.msg.indexOf('App') 
     } 
    } 
    } 
</script> 

但它實際上沒有給出錯誤，完全像在以前的版本。任何線索？新的TypeScript功能在哪裏？使用 規範Vue的API時的Vue組件

Answer 1

export default Vue.extend({ 
    // data 
    // methods 
}) 

類型推斷爲this只可能發生。

Answer 2

noImplicitThis必須設置爲true的tsconfig.json。 allowSyntheticDefaultImports選項也可以刪除。

Answer 3

重要的是要有一個tsconfig.json並將「strict」設置爲true。請參閱https://vuejs.org/v2/guide/typescript.html#Recommended-Configuration