Vue中data傳遞函數、props接收函數及slot傳參的使用及說明
更新時間：2022年10月18日 10:42:36 作者：qq_751434992
這篇文章主要介紹了Vue中data傳遞函數、props接收函數及slot傳參的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
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實現點擊按鈕“查看詳情”彈窗展示詳情列表操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要為大家詳細介紹了Vue+Router+Element實現簡易導航欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了Vuejs 單文件組件實例詳解,需要的朋友可以參考下2018-02-02
Vue build過程取消console debugger控制臺信息輸出方法詳解
這篇文章主要為大家介紹了Vue build過程取消console debugger控制臺信息輸出方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
vue favicon設置以及動態(tài)修改favicon的方法
這篇文章主要介紹了vue favicon設置以及動態(tài)修改favicon的方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了vue腳手架及vue-router基本使用，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了vue3動態(tài)組件使用詳解的相關資料,需要的朋友可以參考下2023-02-02
vue?this.$refs.xxx報錯undefined問題及解決
這篇文章主要介紹了vue?this.$refs.xxx報錯undefined問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
本篇文章主要介紹了vue2里面ref的具體使用方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
vue?動態(tài)路由component?傳遞變量報錯問題解決
這篇文章主要為大家介紹了vue?動態(tài)路由component?傳遞變量報錯問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05