Learn TypeScript 3 by Building Web Applications

Compiler configuration

In the official documentation, the Vue team recommends that we configure the TypeScript compiler as follows:

{ 
  "compilerOptions": { 
    // this aligns with Vue's browser support 
    // feel free to go higher if you don't need to support older     // environments 
    "target": "es5", 
    // we've seen how stricter inference is beneficial 
    "strict": true, 
    // to leverage tree shaking with Webpack, rollup and    // other bundlers 
    "module": "es2015", 
    "moduleResolution": "node" 
  } 
} 

The strict mode and, in particular, the implied noImplicitThis: true option, allow us to benefit from type checking this when writing Vue components.

Of course, you can target a higher version than ES5 if you don't need to support older web browsers such as IE11.