vue3父组件给子组件传递属性,子组件给父组件发射方法

2022-09-21  本文已影响0人  兜兜里冒糖糖

vue3中有一个setup的函数,这个函数有两个参数,一个时props,一个时context,props就是来获取父组件传递个子组件的属性,context就是上下文的意思,为了方便理解你可以把它理解为vue2中的this,上代码
属性传递:
子组件Demo中


image.png

1中的写法和vue2是一样的,如果你不指定类型,不指定默认值,那么就写成数组的形式,
2中获取传递的属性是在setup中,里面有两个参数,打印props就能获取所有传递过来的属性
父组件中:


image.png
和vue2是一样的写法。只是声明变量的方式不一样,记得一定要return

方法:
子组件Demo中


image.png

第四步 可有可无,最开始的版本中是必须要写的,现在不用写也可以,记住最后一定要return出去,
父组件中


image.png
一定要return
上一篇 下一篇

猜你喜欢

热点阅读