这次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