vue 中ts使用

参考教程

1、首先

2、运行

自动编译配置 这个只是生成了对应的js文件、并没有运行js文件,直接运行看下边

# 直接运行ts 文件的操作:

1、先安装ts-node

sudo npm install -g ts-node

2、安装成功后直接只执行 ts-node  xxx.ts文件即可出结果

  

interface aaa {
    num: Number;
    str: string;
}

function test3({num, str}:aaa){

}

test3(传递的参数也必须是和aaa中的内容一致)




const func = (str: string):number=>{
    return parseInt(str)
}
// 这俩是等效的 即传递进去的必须是字符串类型,返回的必须是number类型
const func1: (str: string)=>number=(str)=>{
    return parseInt(str)
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue使用TypeScript(TS)时,可以使用相应的生命周期钩子函数来管理组件的生命周期。根据Vue 3的Composition API文档的映射关系,以下是Vue 2的生命周期钩子与Vue 3的对应关系: beforeCreate -> 使用setup() created -> 使用setup() beforeMount -> onBeforeMount mounted -> onMounted beforeUpdate -> onBeforeUpdate updated -> onUpdated beforeDestroy -> onBeforeUnmount destroyed -> onUnmounted errorCaptured -> onErrorCaptured 在使用TypeScript编写Vue组件时,可以按照上述对应关系来使用适当的生命周期钩子函数。同时,如果需要监听数据的变化,可以使用watch函数来实现。在对应的回调函数,可以执行相应的逻辑操作。例如,可以使用watch函数监听单个数据的变化,监听多个数据的变化,或者监听对象的属性的变化。还可以通过传入配置对象来进行深度监听和立即执行等设置。 请注意,在使用Vue 3时,如果使用Composition API,可以直接在setup函数使用生命周期钩子函数。这种方式更加灵活和直观。 总结起来,使用TypeScript编写Vue组件时,可以根据对应关系选择合适的生命周期钩子函数,并可以使用watch函数来监听数据的变化。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue3+Ts 2 组件+生命周期](https://blog.csdn.net/weixin_55683934/article/details/130265046)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [Vue的生命周期](https://blog.csdn.net/weixin_41092938/article/details/115863524)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值