本文介紹了如何在vue中使用ts的示例代碼，分享給大家，具體如下：
注意：此文并不是把vue改為全部替換為ts，而是可以在原來的項目中植入ts文件，目前只是實踐階段，向ts轉(zhuǎn)化過程中的過渡。
ts有什么用？
類型檢查、直接編譯到原生js、引入新的語法糖
為什么用ts？
TypeScript的設(shè)計目的應(yīng)該是解決JavaScript的“痛點”：弱類型和沒有命名空間，導致很難模塊化，不適合開發(fā)大型程序。另外它還提供了一些語法糖來幫助大家更方便地實踐面向?qū)ο蟮木幊獭?br />
typescript不僅可以約束我們的編碼習慣，還能起到注釋的作用，當我們看到一函數(shù)后我們立馬就能知道這個函數(shù)的用法，需要傳什么值，返回值是什么類型一目了然，對大型項目的維護性有很大的提升。也不至于使開發(fā)者搬起石頭砸自己的腳。
Angular: 我們?yōu)槭裁催x擇TypeScript?
是的，我知道這看起來并不直觀。讓我用一個例子來說明我的意思。讓我們來看看這個函數(shù)jQuery.ajax()。我們能從它的簽名中得到什么信息?
我們唯一能確定的是這個函數(shù)有兩個參數(shù)。我們可以猜測這些類型。也許第一個是字符串，第二個是配置對象。但這只是猜測，我們可能錯了。我們不知道什么選項進入設(shè)置對象(它們的名稱和類型)，或者該函數(shù)返回什么。
在不檢查源代碼或文檔的情況下，我們不可能調(diào)用這個函數(shù)。檢查源代碼并不是一個好的選擇——擁有函數(shù)和類的目的，是在不知道如何實現(xiàn)它們的情況下使用它們。換句話說，我們應(yīng)該依賴于他們的接口，而不是他們的實現(xiàn)。我們可以檢查文檔，但這并不是最好的開發(fā)經(jīng)驗——它需要額外的時間，而且文檔經(jīng)常過期。
因此，盡管很容易閱讀jQuery.ajax(url,settings)，真正理解如何調(diào)用這個函數(shù)，我們需要閱讀它的實現(xiàn)或它的文檔。
以下是一個類型版本：
它給了我們更多的信息。
類型化簽名肯定比未類型化的簽名長，但是:string，:JQueryAjaxSettings和JQueryXHR并不是混亂的。 它們是提高代碼的可理解性的重要文檔。我們可以更深入地理解代碼，而不必深入到實現(xiàn)或讀取文檔中。 我的個人經(jīng)驗是，我可以更快地閱讀類型化代碼，因為類型提供了更多的上下文來理解代碼。
摘自 Angular: 我們?yōu)槭裁催x擇TypeScript?
ts好學嗎？
TypeScript的一個設(shè)計亮點就是它并沒有拋棄JavaScript的語法另起爐灶，而是做成了JavaScript的超集（這個功勞應(yīng)該記在Anders上），這樣任何合法的JavaScript的語句在TypeScript下都是合法的，也就是說學習成本很低，如果你對JavaScript有比較深入的了解，那么其實可以很快的上手TypeScript，因為它的設(shè)計都是針對JavaScript的使用習慣和慣例。
一些簡單的例子，一看即懂：
基礎(chǔ)類型
let isDone: boolean = false; // 布爾值 let decLiteral: number = 6; // 數(shù)字 let name: string = "bob"; // 字符串 let list: number[] = [1, 2, 3]; // 數(shù)組 ... ...
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
重慶分公司
重慶分公司
