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

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

和vue2是一样的写法。只是声明变量的方式不一样,记得一定要return
方法:
子组件Demo中

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

一定要return
网友评论