vue3 之 Setup


vue3和vue2不同的地方就是不必寫 data、methods、等代碼塊了

所有的東西都可以在 setup 中返回

 

setup 可以返回兩種值:

1、返回對象,對象中的屬性、方法都可以直接在模板中使用

 

 

2、返回渲染函數,可以自定義渲染內容(其實也就是 render 函數)注意:渲染函數優先級還高,他會替換掉模板中的其他內容

 

 

二、setup 最多可以接收2個參數:props,context

  1、props 為一個proxy對象,是外部組件傳入的對象,並且已經在組件內部聲明接收

  

  2、context 為上下文,主要接收幾個對象

      slots:插槽

      emit:自定義觸發事件,相當於vue2中的 this.$emit

 

  

  實際應用:

  父組件 

   

   子組件

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM