Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說明
更新時間：2022年10月18日 10:42:36 作者：qq_751434992
這篇文章主要介紹了Vue中data傳遞函數(shù)、props接收函數(shù)及slot傳參的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
1. data作為轉(zhuǎn)換層
1.1 如下圖中的代碼，data作為轉(zhuǎn)換成，作用為把引入的調(diào)用后端接口的方法函數(shù)傳遞給了子組件ac-cube
1.2 調(diào)用后端接口的方法函數(shù)如下所示
2. props接收傳遞過來的函數(shù)并把處理結(jié)果傳回父組件
2.1 子組件ac-cube里props接收傳遞過來的函數(shù)，在mounted里通過this.$props.request.then(…)把接口返回的數(shù)據(jù)傳遞給cubeData。
2.2 子組件ac-cube的template模板里在把cubeData通過slot傳遞回父組件。
3. 父組件接收子組件傳遞回來的值
2.1 使用v-slot:default="{ data }"接收傳遞回來的值
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue實現(xiàn)點擊按鈕“查看詳情”彈窗展示詳情列表操作
這篇文章主要介紹了vue實現(xiàn)點擊按鈕“查看詳情”彈窗展示詳情列表操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
Vue+Router+Element實現(xiàn)簡易導(dǎo)航欄
這篇文章主要為大家詳細介紹了Vue+Router+Element實現(xiàn)簡易導(dǎo)航欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了Vuejs 單文件組件實例詳解,需要的朋友可以參考下2018-02-02
Vue build過程取消console debugger控制臺信息輸出方法詳解
這篇文章主要為大家介紹了Vue build過程取消console debugger控制臺信息輸出方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
vue favicon設(shè)置以及動態(tài)修改favicon的方法
這篇文章主要介紹了vue favicon設(shè)置以及動態(tài)修改favicon的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了vue腳手架及vue-router基本使用，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了vue3動態(tài)組件使用詳解的相關(guān)資料,需要的朋友可以參考下2023-02-02
vue?this.$refs.xxx報錯undefined問題及解決
這篇文章主要介紹了vue?this.$refs.xxx報錯undefined問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
本篇文章主要介紹了vue2里面ref的具體使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
vue?動態(tài)路由component?傳遞變量報錯問題解決
這篇文章主要為大家介紹了vue?動態(tài)路由component?傳遞變量報錯問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05