VueJS 2.5 and TypeScript enhancements

Question

VueJS 2.5 is out, and I was waiting for TypeScript enhancements, but after upgrading required dependencies, I really can't see any enhancements.

From what i've read this should display a type error, because msg is a number

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

But it actually gives no error, exactly like in previous version. Any clue ? Where are the new TypeScript features ?

tony19 · Accepted Answer · 2022-07-15 00:55:08Z

1

It is important to have a tsconfig.json and set "strict" to true. See https://v2.vuejs.org/v2/guide/typescript.html#Recommended-Configuration

edited Jul 15, 2022 at 0:55

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Oct 16, 2017 at 8:57

indus

311 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

Toilal Over a year ago

"strict": true do the job, but it also check other possible errors I don't want to check. I'll stick to "noImplicitThis": true.

Chutian Yang · Accepted Answer · 2017-10-15 00:39:39Z

0

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

Type inference for this in Vue component could only happen when using canonical Vue API.

answered Oct 15, 2017 at 0:39

Chutian Yang

1

1 Comment

Toilal Over a year ago

Sorry, but it doesn't work any better with this notification.

Toilal · Accepted Answer · 2017-10-15 20:15:58Z

0

noImplicitThis must be set to true in tsconfig.json. allowSyntheticDefaultImports option can also be removed.

answered Oct 15, 2017 at 20:15

Toilal

3,4101 gold badge27 silver badges32 bronze badges

Collectives™ on Stack Overflow

VueJS 2.5 and TypeScript enhancements

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related