新增特性

1.Composition (組合) API

• Option API：vue2創(chuàng)建組件時，會把數(shù)據(jù)放到data，計算屬性放到computed，事件處理放到methods，監(jiān)聽改變放到watch；共同處理頁面邏輯

• 組件功能越來越多，邏輯功能點分散，不易閱讀（新增或修改一個需求，就需要分別在data，methods等...進(jìn)行修改，功能多時，滾動條來回滾動 ）

• 可以通過Mixins重用邏輯代碼，但是數(shù)據(jù)來源模糊還會有Mixins命名沖突的問題

• Composition API：將零散的data，methods代碼重新組合，一個功能的代碼放一塊兒，并且可以單出拆分出函數(shù)

• 兼容Option API，還可繼續(xù)使用

• 利于代碼重用，沒有對this的使用，減少了this指向不明的情況

• 幾乎是函數(shù)，編輯器可以幫我們進(jìn)行類型檢查和建議

setup

• setup函數(shù)是一個新的option，在初始化時執(zhí)行一次，可以理解為使用Composition API 的入口點。

• 這個函數(shù)的返回一個對象，對象里的屬性和方法，可以直接在模版中使用