Vue中如何实现data函数传递、props函数接收及slot参数传递？

本文共计299个文字，预计阅读时间需要2分钟。

目录 + 1. 数据层作为转换层 + 2. 接收并处理传递过来的函数props并返回结果给父组件 + 3. 父组件接收子组件传递回的值 + 1. 数据层作为转换层 + 1.1. 代码示例，data作为转换层，用于将调入的值转换成…

目录

• 1. data作为转换层
• 2. props接收传递过来的函数并把处理结果传回父组件
• 3. 父组件接收子组件传递回来的值

1. data作为转换层

1.1 如下图中的代码，data作为转换成，作用为把引入的调用后端接口的方法函数传递给了子组件ac-cube

1.2 调用后端接口的方法函数如下所示

2. props接收传递过来的函数并把处理结果传回父组件

2.1 子组件ac-cube里props接收传递过来的函数，在mounted里通过this.$props.request.then(…)把接口返回的数据传递给cubeData。

2.2 子组件ac-cube的template模板里在把cubeData通过slot传递回父组件。