这次😊typescript(4.5)给vue3安排的明明白白

这次typescript(4.5)给vue3安排的明明白白

之前看ts的更新日志总能看到这次为"react做了xxx", 作为vue的使用者, 羡慕.

昨天翻看日志, 突然发现vue字样, 不敢相信, 赶紧拿出我的老花镜把内容看了个明明白白.

preserveValueImports

这是tsconfig中新增的选项, 干什么用呢? 简单说就是ts之前的版本如果导入的变量未使用, ts编译后会删除他, 用了这个选项就可以告诉ts"别多管闲事".

比如这种代码, 默认ts编译后可是会被删除的:

import { Animal } from "./animal.js";
eval("console.log(new Animal().isDangerous())");

eval可能咱们用不到, 但是vue3的新语法糖setup你的用吧?

<!-- A .vue File -->
<script setup>
  import { someFunc } from "./some-module.js";
</script>
<button @click="someFunc">Click me!</button>

你在script中引入了变量, 但是没用, 虽然在模板中使用了, 但ts可检测不到啊, 所以你需要开启"preserveValueImports".

更多ts更新内容

最近为了查遗补漏, 读了所有ts的更新日志, 并整理成了笔记, 分享一下.
https://github.com/any86/ts-l...

一起学习ts

感谢大家的阅读, 如有疑问可以加我微信, 我拉你进入微信群(由于腾讯对微信群的100人限制, 超过100人后必须由群成员拉入)

github

我个人的开源都是基于ts的, 欢迎大家访问 https://github.com/any86