用TSX(JSX)寫Vue是什麼體驗?

時間 2021-05-31 02:11:21

1樓:duduluu

看這靈活性,值得去用,底層的渲染函式和TSX(JSX)混用,模板可做不到。

真香!HuijiFE/void-ui

以前我吐槽react的jsx是在js裡混了html,髒。

然後我在vue專案裡全面啟用了ts並用上了tsx後,emmmm,真香!

2樓:方應杭

跟 JS 差別不大……很順滑,最大的感覺還是得等 Vue 3,目前 Vue 2 很多地方都用不到 TS 的優點。

FrankFang/ts-vue-demo-1

3樓:鄒哈哈

@vue/cli 發布之後,ts的配置簡化了不少。現在的專案也開始使用ts(tsx)開發,配合vue-tsx-support

wonderful-panda/vue-tsx-support

整體的開發體驗可以說還是666的,就是eslint的支援很一般。自己也寫個小demo如下ts-demo,沒有啥大問題,生產專案也能hold住。未來Vue3 會用ts重寫,tsx會完美支援,期待一波吧。

4樓:

前端小菜雞,接受了react的單項資料流跟函式式元件再用vue,就回不去了。

再加上之前是angular的中毒粉,對vue的單檔案元件中有些類似html結構的語法不再喜歡了,script,style,template三大標籤…

目前在大面積使用tsx,ts對於型別抽象非常有幫助,相似的業務模型開始使用類繼承的方式集中定義了props,data和watch。

tsx寫著寫著會把有些元件抽出來做為乙個有vnode返回的函式。

用了tsx肯定是沒有辦法vmodel了,但也習慣了把複雜狀態在vuex中管理,簡單的狀態就父子元件傳遞,但一定要immutable。子元件拿到資料只用做計算但不更改,通過emit讓父元件更改並且觸發子元件render。

目前對vue了解還不算深,感覺很多設計模式在vue裡都可以實現,今天還發現如果不定義元件props,但通過this.$attrs其實是可以讀取到元件上傳遞的props的,

const {…props}=this.$attrs 了解一下,哈哈哈哈啊哈

繼續折騰嘗試…

另外,tyscript和jsx(其實並沒有tsx吧,只是tyscript對jsx語法的相容處理)是好東西。(逃

5樓:碎景

不太清楚你們怎麼配的開發環境,我感覺我用的還好啊.

vue裡面不寫具體的script,用script的src引用正常的ts檔案,單檔案的好處也沒那麼大

一定要用vue-property-decorator,原來的vm data的寫法加型別也沒太大的意義.

這是我封裝的一些基類

@Component

class BaseListTrait extends BaseCommonTrait {

baseCrudRes: BaseCrudRes;

baseList: Arraytotal: number = 0;

pageSize: number = 10;

pageIndex: number = 1

/** * 包含了vue檢視的常用方法和物件,所有檢視都應該(間接)繼承這個物件

* */

@Component

class BaseCommonTrait extends Mixin(VueUtilTrait, CommonValidationTrait, TableFormatterTrait) {

dataRangeOption = dataRangeOption;

checkSuccess(res, msg: string, cb?: FunctionvueUtil.

checkSuccess(this, res, msg, cbparam formName view中form的名字,用於驗證checkForm(formName = "editForm"): Promisereturn new Promise((resolve, reject) =>this.$refs[formName] as any).

validate((valid) =>if (validresolveelsereject

基本已經比較oo了.

至於tsx,一般情況用的不多,在少量的互動邏輯特別重但檢視簡單的元件中有使用,一般情況感覺沒必要用tsx.

6樓:

對於.vue檔案,vetur外掛程式目前支援ts型別提示和檢查,但是不支援tslint檢查。不過另外有個外掛程式tslint-vue已經可以支援tslint檢查。

7樓:「已登出」

在vue中非要用jsx的機會並不是特別多

在我的經驗中,比較常見的是在functional component中用會比用模板強,一般場景下還是老老實實用模板吧。

至於tsx,這個話題太悲傷了,我哭會去

劉慈欣寫三體的時候依據是什麼?

如果可以 人類史,生命史,宇宙史。起點就是三體星系。三體的不穩定其實也蘊含著 規律的不穩 直至後來擴充套件到 宇宙的不穩 有太多影響因素,有太多星星,星雲,文明。它們對世界造成影響,我們接受影響,在它們的死亡與生長上存在。經驗主義式的思維導致的穩定與規律的破壞。也可以說是東方的 無常 加之大,很大。...

如果把《三體》倒著寫會是什麼樣?

心不在焉帝 光陽的瑩晶縷一出射折中空太向,起飄著轉旋,離脫上葉草片一從珠露滴一有,中叢草的上地陸塊小一在。間之藻綠於游穿地盈輕,球水只一另入躍,出蹦中球水只一從魚小條一有,著浮飄地靜靜中境環力重零在球水的澈清只幾,中界世命生的小小個這在。芒光點一出發陽太小的裡球態生有只,中宙宇的方見公尺千一在,裡暗...

Vue 和 React 的優點分別是什麼?

深藍 我想很多人和我一樣,先學會了 Vue 或者 React,然後再去學另外乙個,但是突然發現兩者的實現在思維上還是有很大差異的,然後就開始嫌棄另外乙個語言,覺得哪哪不如我先學的這個.我在學習了 Vue 之後再去學習 React 的.發現如果能找到兩者的相似和差異之處,理解起來會更快 React對比...