overview

在Vue中，這三個API能實現(xiàn)同樣的效果，但是作用又略有不同，例如我們現(xiàn)在有一個反轉(zhuǎn)輸入的input內(nèi)容的需求，我們看看三個API分別如何實現(xiàn)

image.png

expression

首先是expression，最簡單方式，但是缺點比較明顯，第一，不是聲明式，而且不直觀，第二，如果多個地方使用，就要寫多次，非常冗余

image.png

methods

然后是methods，其實就是方法調(diào)用，缺點主要是同樣的計算過程要調(diào)用多次，比較冗余

image.png

computedValue

使用computedValue的好處就是可以緩存計算過的value，這樣如果需要多次調(diào)用，就不需要多次計算，在計算量比較大的應(yīng)用場景里能提高效率，節(jié)約計算資源

image.png

watch

watch的根本目的是在于觀測一個value的變化，所以如果需要計算的值需要依賴多個value，那么就需要觀測多個value，而且，如果要在templete中顯示的話，就需要在data中用另外一個value來保存改變后的值

image.png