Mengapa skrip ketikan tidak memberikan kesalahan apa pun ketika saya memasukkan parameter fungsi yang salah ketik?

<template>
  <div class="app">
    Hello, {{ name }}
    <button @click="changeName(1)">Change Name</button>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'App',
  components: {
  },
    data(){
      return {
        name:'Link'
      }
    },
    methods: {
      changeName(name: string){
        this.name = name
      }
    }
});
</script>

<style>

</style>

Saya mencoba mempelajari TypeScript dan salah satu hal yang saya ketahui tentang TypeScript adalah memeriksa jenisnya. Saya memiliki metode 'changeName(name: string) dengan nama argumen yang harus berupa string. Tetapi ketika saya meneruskan nomor atau boolean dari parameter fungsi changeName template. Ia menerima dan bahkan tidak membuat kesalahan.


typescript vue.js vuejs3 vue-component
person aarush magar    schedule 15.05.2021    source sumber
comment
Apakah editor Anda sudah diatur untuk menampilkan kesalahan dengan benar? Penerjemah TypeScript melakukan keajaibannya pada waktu kompilasi (perintah tcs). Naskah dikompilasi ke kode javascript normal yang tidak memeriksa jenis.   -  person Kilian    schedule 15.05.2021
comment
@Kilian itu memeriksa jenis ketika saya memberikan nomor di dalam nama data..tetapi untuk parameter fungsi tidak memeriksa   -  person aarush magar    schedule 15.05.2021

Jawaban (1)


arrow_upward
1
arrow_downward

Ekstensi skrip ketikan tidak dapat memeriksa jenis di bagian templat, jadi Anda harus menginstal Vuedx ekstensi yang memungkinkan Anda memeriksa jenis template dan dilengkapi dengan fitur lain :

Ekstensi ini menyediakan fitur seperti pemeriksaan tipe, penyelesaian, penggantian nama, dan pemfaktoran ulang untuk file .vue dengan memperluas ekstensi TypeScript.

person Boussadjra Brahim    schedule 15.05.2021