这篇文章主要介绍“vue3中setup函数的返回值实例分析”，在日常操作中，相信很多人在vue3中setup函数的返回值实例分析问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”vue3中setup函数的返回值实例分析”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！setup是vue3中的一个新的配置项，值为一个函数，我们在组件中用到的数据、方法等等，都要配置在setup中。setup函数的返回值有两种
1、返回一个渲染函数，可以自定义渲染内容(用得不多，了解即可)2、返回一个对象，对象中的属性和方法在模板中可以直接使用
（1）在vue2的配置中可读取到vue3配置中的属性和方法（2）在vue3的配置中不能读取vue2配置中的属性和方法（3）如果vue2和vue3的配置有冲突，则vue3的setup优先注意点：
（1）vue2和vue3的配置尽量不要混用
（2）setup不能是一个async函数，因为返回值不再是return的对象, 而是promise, 模板看不到return对象中的属性。（后期也可以返回一个Promise实例，但需要Suspense和异步组件的配合）在beforeCreate之前执行一次，this是undefined。1、props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。
在父组件中给子组件传递数据在子组件中接收
并且接收到的数据被包装成一个代理对象，能够实现响应式。2、context：上下文对象1、attrs: 值为对象，包含：组件外部传递过来，但没有在props配置中声明的属性, 相当于 this.$attrs。父子组件通信过程中，父组件把数据传免费云主机域名递过来，如果子组件没有用props进行接收，就会出现在attrs中，而vm中没有
如果用props接收了，则会出现在vm上而attrs中没有2、emit: 分发自定义事件的函数, 相当于 this.$emit。
在父组件中给子组件绑定一个事件在子组件中触发事件并且可以传值过去3、slots: 收到的插槽内容, 相当于 this.$slots。vue3里面具名插槽用v-slot:到此，关于“vue3中setup函数的返回值实例分析”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！
这篇“GoFrame框架gset如何使用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“GoFrame框架gset如何使用”文章吧。集合gset：…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
