typescript

ts介绍:

typescript是微软开发的一门编程语言,它是javascrip的一个超集,它遵循最新的es6脚本语言规范,typescript扩展了javascript的语法,任何已经存在的javascipt程序可以不经任何改动的在typescript环境下运行

特点:

1.强类型

2.遵循ES6

3.编译器严谨的语法检查

vue,react,angular,小程序都推荐用ts

ts默认文件后缀名.ts

Vue3+TS+setup+volar

<script lang="ts" setup>

定义变量

字符串

const str = ref<string>("abc")

const str = ref("abc")

根据值类型自动判断改类型变量是什么

数字

const count = ref<number>(10)

const count = ref(10)

布尔值

const flag = ref<boolen>(true)

const flag = ref(true)

函数

function add(n1:string,n2:number):void{

}

接口

定义接口

interface Iuser = {

name:string,

age:number|string

}

const user = reactive<Iuser>({

    name:"mumu",

  age:18

})

在setup中获取props

import{defineProps} from 'vue'

intervace Iprops = {min:number,max:number}

const props =defineProps<Iprops>()

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容