vue3.0的setup()函数,vue3.0 setup

　　本文主要介绍了vue3.0中设置的两个注意点，本文通过两个用法详细介绍给大家，对你的学习或者工作有一定的参考价值，有需要的朋友可以参考一下。

　　:vue2中

目录

　　，vue3中setup的注意事项，setup生命周期在创建之前，setup可以得到两个参数，props和context context . attrs context . emit context . slot summary。

在vue2中

　　父组件将属性传递给子组件。

　　子组件接收属性

　　如果没有收到，需要以$attrs的形式收到。缺点是对类型没有限制，用的时候名字比较长。

　　使用时名称较长。

　　Vue2，父组件使用子组件中的插槽

　　打印插槽的内容。

　　如果父组件使用子组件2个插槽

　　父组件在子组件中使用命名插槽。

在vue3中

setup的注意点

setup生命周期在beforecreated之前

setup可以拿到两个参数，props和context

　　将两个属性传递给子组件。

　　打印上下文

context.attrs

　　与vue2类似，如果只声明了一部分，那么其余部分都在attrs属性中。

context.emit

　　向子组件添加监听事件。

context.slot

　　如果您传递一个命名的槽

　　或者(推荐这个)

　　打印

　　如果传递了两个命名槽

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。