- setup 执行的时机
- 在 beforeCreate 之前执行一次,this 是 undefined。
- setup 的参数
-
props:值为对象,包含:组件外部传递过来,且组件内部声明接收(props声明)了的属性。
image.png
image.png
image.png
-
- context:上下文对象
- attrs: 值为对象,包含:组件外部传递过来,但没有在 props 配置中声明的属性, 相当于
this.$attrs
。 - slots: 收到的插槽内容, 相当于
this.$slots
。 - emit: 分发自定义事件的函数, 相当于
this.$emit
。
- attrs: 值为对象,包含:组件外部传递过来,但没有在 props 配置中声明的属性, 相当于
![](https://img.haomeiwen.com/i27493437/c3e016f050b33772.png)
![](https://img.haomeiwen.com/i27493437/56383c061fc057a9.png)
测试emit
![](https://img.haomeiwen.com/i27493437/0e3e308aea4b03f6.png)
![](https://img.haomeiwen.com/i27493437/a0293f9431eccc06.png)
![](https://img.haomeiwen.com/i27493437/894ac772c3ea4fb1.png)
测试slot
![](https://img.haomeiwen.com/i27493437/427934bf3cdbeaf8.png)
![](https://img.haomeiwen.com/i27493437/a817a67dd448a745.png)
![](https://img.haomeiwen.com/i27493437/416c16c7a801f93a.png)
![](https://img.haomeiwen.com/i27493437/44afb30ed2dbd3fb.png)
网友评论