Vue3的setup()學習

setup()執行的時機

• setup()在beforeCreate之前執行一次，this是undefined
  
  

setup()的參數

1.props

props值為對象，包含：組件外部傳過來的且組件內部聲明接收了的屬性。

查看一下：

2.context

上下文對象，包含以下三個內容：

attrs：值為對象。包含組件外部傳過來且在組件內部沒有聲明的屬性，相當於this.$attrs.

以下sex屬性沒有在Demo.vue組件中聲明。

可以看到：

slots：收到的插槽內容。

emit: 分發自定義事件的函數，相當於this.$emit

和VUE2有區別的地方在於，子組件發送事件時

• 使用context.emit('xxx', 'xxx')
• 要和props一樣，寫一個emits:[""]，否則報警告。