Usando TypeScript en Vue

? Consejos: Este artículo fue escrito después de que usé TypeScript. Como recién comencé a usarlo, no puedo perdonarte por la mala redacción. Usaría el trabajo de otro autor como ejemplo. Me gustaría expresar mi gratitud. Vue3.x comenzará a acercarse lentamente a TypeScript, por lo que es necesario aprender TS para leer este artículo, y debe tener una cierta base en TypeScript y Vue para leer este artículo.

Cuando usamos TypeScript en un único archivo vue, después de introducir vue-property-decorator, las etiquetas en el script se ven así:

Equivalente a:

Importar las propiedades que necesitamos usar. Componente; esta es una propiedad proporcionada por el componente vue-property-decorator, que describiré a continuación.

Creo que muchas personas han notado que he usado un método diferente al anterior, es decir, usando el método de clase es6. La razón por la que puedo usar este método es porque este componente depende completamente de vue-class. -component; este es el componente que escribes para soportar vue, para que puedas aprender más sobre él. Le recomendamos que lo consulte primero

Consejo: (Muy importante): las variables declaradas en la clase son en realidad las mismas que las variables declaradas en los datos y están vinculadas en ambas direcciones, es decir, en el ejemplo, ValA y ValB tienen un tipo especificado y se pueden vincular en dos direcciones

Este componente depende completamente del componente vue-class. Tiene las siguientes propiedades:

Personalmente soy nuevo en TS, así que tengan paciencia si escribo mal. Seguiré actualizándome.