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