vue3之setup 函数基本使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3之setup 函数基本使用相关的知识,希望对你有一定的参考价值。

参考技术A

1.参数介绍

使用 setup 函数时,它将接收两个参数:

1.1 props 可以获取 父组件传递过来的属性

1.2 context

2.父子组件交互demo

与vue2的区别:子组件在setup函数中通过prop.属性名获取父组件传递的参数,通过context.emit(\'自定义事件名\',参数)触发事件而不是this.$emit。

2.1父组件

2.2子组件

以上是关于vue3之setup 函数基本使用的主要内容,如果未能解决你的问题,请参考以下文章

Vue3 学习总结笔记 (十三)

Vue3 学习总结笔记 (十三)

vue3中<script setup> 和 setup函数的区别

vue3中<script setup> 和 setup函数的区别

vue3.x新特性之setup函数,看完就会用了

vue3组合式API之setup()介绍与reactive()函数的使用