您现在的位置是:网站首页> 编程资料编程资料
Vue中data传递函数、props接收函数及slot传参的使用及说明_vue.js_
2023-05-24
340人已围观
简介 Vue中data传递函数、props接收函数及slot传参的使用及说明_vue.js_
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传递回父组件。

3. 父组件接收子组件传递回来的值
2.1 使用v-slot:default="{ data }"接收传递回来的值

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
相关内容
- vue中props赋值给data出现的问题及解决_vue.js_
- vue props数据传递类型限制方式_vue.js_
- React memo减少重复渲染详解_React_
- vue中修改浏览器图标和名字的几种方式_vue.js_
- Vue选项之propsData传递数据方式_vue.js_
- JavaScript实现简单MD5加密的脚本分享_javascript技巧_
- vue解决Not allowed to load local resource问题的全过程_vue.js_
- 如何在vite初始化项目中安装scss以及scss的使用_vue.js_
- uniapp微信小程序强制更新解决示例详解_javascript技巧_
- js知识点总结之getComputedStyle的用法_javascript技巧_
