vue新api中setup參數詳解
在使用vue3配合新api使用的時候,和在vue2.x的時候有一些區別,主要講下尤大的Composition API中 setup鈎子的用法和注意一些避免的坑.
先聲明一下composition API的一大作用就是避免像vue2一樣直接使用this, 在vue2都是通過this來訪問當前組件實例的(js調用this也是被詬病的一個點),CompositonAPI也是優化了這一點
創建組件實例，然后初始化 props ，緊接着就調用setup 函數。從生命周期鈎子的視角來看，它會在 beforeCreate 鈎子之前被調用
它接受倆個參數, [props, context]
props: 使用這個參事之前必須在初始化的時候聲明，（type,default,validator）,解構會讓props失去活性。
context: 這里包含定義的事件，和一些沒有被聲明的屬性參數，attrs 和 slots 在這里被調用。