前端 - vue函数式组件functional如何向父组件传值？

问题描述：

vue函数式组件functional,如何调用方法向父组件传值？
调用方法会报错：TypeError: _vm.itemClick is not a function

第 1 个答案：

这两篇文章可以参考学习下

https://blog.csdn.net/ee_11eeeeee/article/details/111939003
https://www.wenwoha.com/blog_detail-1376.html

第 2 个答案：

直接在 template 中使用 listeners

<p v-for="(item, index) in props.items" :key="index" @click="listeners.click(item)">

然后父组件

<MyTemplate :list="[1,2,3,4,5,6]" @click="handleClick" />

vue@2.7 亲测可用

我使用了fetch方法向后端发送了一个请求，获取到了返回数据之后，该数据是一个对象类型的，我如何批量创建li到该ul中呢？li中要对应对象的属性后端数据格式{ "code": 200, "data": ...