1. 高手指點proactive&reactive

以tive結(jié)尾的單詞有：objective、interactive、creative、negative、relative、exclusive 、comparative、native、alternative、attractive、respective等。

部分單詞詳解：

1、objective英?[?b'd?ekt?v]美?[?b'dkt?v]

adj.客觀的；真實的；賓語的

n.目標(biāo)；目的；[物]物鏡；[語]賓語

[例句]Are there?objective?moral values?

存在客觀的道德價值觀嗎？

2、interactive英?[?nt?r'?kt?v]美?[,?nt?'?kt?v]

adj. 交互式的；相互作用的

[例句]This will make video games more?interactive?than ever.

這將使電子游戲的互動性更勝以往。

3、creative英?[kri?'e?t?v]美?[kr?'et?v]

adj. 創(chuàng)造性的，有創(chuàng)造力的;有創(chuàng)意的，創(chuàng)新的，創(chuàng)造的

n. （非正式）創(chuàng)意人士

[例句]the playwright's extraordinary?creative?fecundity

這位劇作家非凡的創(chuàng)造力。

4、negative英?['neg?t?v] 美['n?ɡ?t?v]

adj. 消極的，否認(rèn)的;[數(shù)]負(fù)的;[心]反抗性的;無預(yù)期結(jié)果的

n. 否定詞語;否定的觀點;消極性;[攝]底片

vt. 否定;拒絕

[例句]Guilt is an extremely?negative?emotion.

內(nèi)疚是一種非常消極的情緒。

5、relative英?['rel?t?v]美?['r?l?t?v]

adj. 相關(guān)的;相對的;相互有關(guān)的;比較而言的

n. 親屬，親戚;相關(guān)物;親緣植物（或動物）;[語法學(xué)]關(guān)系詞

[例句]Truth is?relative.

真理是相對的。

高手指點proactive&reactive

Vue3出來已經(jīng)有一段時間了，在團隊中，也進(jìn)行了大量的業(yè)務(wù)實踐，也有了一些自己的思考。

總的來說，Vue3無論是在底層的原理上，還是在業(yè)務(wù)的實際開發(fā)中，都有了長足的進(jìn)步。

使用 proxy 代替之前的 Object.defineProperty 的API，性能更加優(yōu)異，也解決了之前vue在處理對象、數(shù)組上的缺陷；在diff算法上，使用了靜態(tài)標(biāo)記的方式，大大提升了Vue的執(zhí)行效率。

在使用的層面，我們從options Api，變成了composition Api，慢慢的在實際的業(yè)務(wù)中，我們拋棄了原本的data、methods、computed那種隔離式的寫法。compositon Api，它更加聚焦，它講究的是相關(guān)業(yè)務(wù)的聚合性。

完全良好的支持了TypeScript，類型校驗也成為了以后Vue3進(jìn)行大型項目開發(fā)的質(zhì)量保障，同時這也是面向了趨勢 -- 前端的未來就是TypeScript！

compositon Api的本質(zhì)，體現(xiàn)在代碼里面，也就是一個setup函數(shù)，在這個setup函數(shù)中，返回的數(shù)據(jù)，會用到該組件的模板中。return的這個對象，一定程度上，代表了之前vue2中的data屬性。

這時候，對于大多數(shù)初學(xué)者來說，可能存在的疑惑就是，那么我能不能定義options Api的寫法，比如data、computed、watch、methods等等。

這里我需要明確的是，Vue3是完全兼容Vue2的這種options Api的寫法，但是從理念上來說，更加推薦setup的方式，來寫我們的組件。

原因如下：Vue3的存在，本身是為了解決Vue2的問題的，Vue2的問題就是在于，聚合性不足，會導(dǎo)致代碼越來越臃腫！setup的方式，能夠讓data、方法邏輯、依賴關(guān)系等聚合在一塊，更方便維護。

也就是說，以后我們盡量不要寫單獨的data、computed、watch、methods等等，不是Vue3不支持，而是和Vue3的理念違背。

components屬性，也就是一個組件的子組件，這個配置在Vue2和3的差異不大，Vue2怎么用，Vue3依然那么用。

在功能方面，ref 和 reactive，都是可以實現(xiàn)響應(yīng)式數(shù)據(jù)！

在語法層面，兩個有差異。ref定義的響應(yīng)式數(shù)據(jù)需要用[data].value的方式進(jìn)行更改數(shù)據(jù)；reactive定義的數(shù)據(jù)需要[data].[prpoerty]的方式更改數(shù)據(jù)。

但是在應(yīng)用的層面，還是有差異的，通常來說：單個的普通類型的數(shù)據(jù)，我們使用ref來定義響應(yīng)式。表單場景中，描述一個表單的key:value這種對象的場景，使用reactive；在一些場景下，某一個模塊的一組數(shù)據(jù)，通常也使用reactive的方式，定義數(shù)據(jù)。

那么，對象是不是非要使用reactive來定義呢？其實不是的，都可以，根據(jù)自己的業(yè)務(wù)場景，具體問題具體分析！ref他強調(diào)的是一個數(shù)據(jù)的value的更改，reactive強調(diào)的是定義的對象的某一個屬性的更改。

周期函數(shù)，在Vue3中，是被單獨使用的，使用方式如下：

在Vue2中，其實可以直接通過this.$store進(jìn)行獲取，但是在Vue3中，其實沒有this這個概念，使用方式如下：

在Vue2中，是通過this.$router的方式，進(jìn)行路由的函數(shù)式編程，但是Vue3中，是這么使用的：

merchant.ts

這一部分內(nèi)容，準(zhǔn)確的來說，是TS的內(nèi)容，不過它與Vue3項目開發(fā)，息息相關(guān)，所以真的想用Vue3，我們還是得了解TS的使用。

不過這一部分，我不會介紹TS的基礎(chǔ)語法，主要是在業(yè)務(wù)場景中，如何組織TS。

在一個常見的接口請求中，我們一般使用TS這么定義一個數(shù)據(jù)請求，數(shù)據(jù)請求的req類型，數(shù)據(jù)請求的res類型。

Proactive actions are intended to cause changes, rather than just reacting to change.

In order to survive the competition a company should be proactive not reactive...

就是說，Proactive是預(yù)先作出行為來改變

而reactive是逼不得已的改變（被動）