嘗試用TypeScript寫乙個Vue todo

2021-09-13 00:26:06 字數 1095 閱讀 4707

ts看起來是大勢所趨,據說vue3.0的原始碼都是用ts寫的了,無論如何都應該學習一番ts了!
在實踐中學習也不失為一種學習方式!

vue create vue-todo
成果

**樣子大概是這樣,和js寫出來的差別還是很大的

}

1 這次實踐離真正熟練還差得很遙遠,但至少對強型別是有所理解了,也能感覺到ts的優勢,至少**提示比js好太多了!

2 也遇見比較多的不適應

比如寫這個notify元件

notify.js

import vue from 'vue'

import notification from './notify.vue'

// const notificationconstructor = vue.extend(notification)

const notify = (options) =>

const instance = new notification()

instance.$mount()

// console.log(instance)

return instance

}export default notify

如果我這裡用ts,改為 notify.ts,用ts的寫法。

執行 notify(options) 一定是報錯的,無奈只能用js的寫法,然後你用了js,你又不得不寫個notify.d.ts來宣告這個東東。

至於錯誤原因留待自己的技術進步吧!

然後是這個 vue-chartjs

用ts的寫法也是不成功的,這個只能求助大佬了

js寫法,完全沒問題

ts寫法,我也不知道錯在何處

最後github位址

TypeScript在Vue中的嘗試

vue官方文件中,對typescript做支援,目前我們可以使用typescript的語法,進行vue專案的開發。這個外掛程式是vue官方維護的外掛程式,目前支援基於class的語法規則。1 直接在類中申明data資料。舊的方式 export default 使用class的方式 import co...

寫Form設計器嘗試 一

eddie sheffield 作為微軟之外的第乙個發現啟用 form designer 的人,確實是了不起 幾年過後的今天,已經可以 找到一些關於form designer的資料,雖然不多也不全面,但畢竟還是有一些。我手上的資料是 1 中文版,第 16章專門講 form 設計器 2 windows...

寫Form設計器嘗試 一

新建乙個c windowform方案,在工程的引用中增加system.design,在form1的 中先新增 using system.componentmodel.design 然後雙擊form,在form的load事件中寫下以下 designsu ce su ce new designsu ce...