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