TS 使用总结

对于使用不熟悉, 但是写的不规范导致报错的话, 可以先使用下下策

// @ts-nocheck 禁用整个文件的ts校验
// @ts-ignore 禁用单行ts校验
//any和unknown
  1. ts的一些参考: returnType使用
在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、付费专栏及课程。

余额充值