vue3:setup的两个注意点详解
目录
- 在vue2中
- 在vue3中
- setup的注意点
- setup生命周期在beforecreated之前
- setup可以拿到两个参数,props和context
- context.attrs
- context.emit
- context.slot
- 总结
在vue2中 父组件传属性给子组件
文章图片
子组件接收属性
文章图片
文章图片
如果没有接收,则需要在$attrs里才能收到,缺点是没有对类型作限制,以及使用的时候名字比较长
文章图片
文章图片
使用的时候名字比较长
vue2,父组件在子组件里使用插槽
文章图片
打印插槽里的内容
文章图片
如果父组件使用了子组件2个插槽
文章图片
文章图片
父组件在子组件使用具名插槽
文章图片
文章图片
在vue3中
setup的注意点
文章图片
setup生命周期在beforecreated之前
文章图片
文章图片
setup可以拿到两个参数,props和context 给子组件传2个属性
文章图片
文章图片
文章图片
打印context
文章图片
文章图片
context.attrs 与vue2类似,如果只声明部分,则剩下的在attrs属性里面
文章图片
文章图片
context.emit 给子组件添加监听事件
文章图片
文章图片
context.slot
文章图片
文章图片
文章图片
如果传一个具名插槽
文章图片
或者(推荐这种)
文章图片
打印
文章图片
如果传2个具名插槽
文章图片
文章图片
总结
文章图片
【vue3:setup的两个注意点详解】本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!
推荐阅读
- 热闹中的孤独
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 布丽吉特,人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事,我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量