關(guān)于Vue3中defineProps用法圖文詳解
更新時間：2022年11月12日 15:31:23 作者：韓振方
在vue3中組件傳參有很多種方式,和v2大差不差,但是有的地方還是有很多的區(qū)別,下面這篇文章主要給大家介紹了關(guān)于Vue3中defineProps用法的相關(guān)資料,需要的朋友可以參考下
之前只是單純的會用，因為vue關(guān)于父子組件通訊差別有一點點大。
1.在父組件內(nèi)傳遞變量的時候，需要加冒號:，否則你就只是單純的傳遞了一個字符串而已。
2.在子組件里不需要引入defineProps就可調(diào)用該函數(shù)去接收父組件傳來的屬性。
我個人在這里給自己提醒?，可能我太迷糊了。
這里需要注意??！這是definePropsAPI是一個函數(shù)，它的返回值就是父親傳來的屬性。
3.剛開始讓我感到奇怪的是，我好像不用變量去接收，在template里也能正常使用。
那我還用變量接收干啥呢？這個API的返回值有毛線用??？
也不用像React那樣變量前面都得加一個props.才可以訪問，也沒有結(jié)構(gòu)去拿。這么方便嗎？
4.恍然大悟
原來在script標簽里直接拿屬性用是拿不到的…
這里變量名不一定非得是props，js可并沒有規(guī)定不允許漢字作為變量名哦
下次聊聊defineEmits，主要react的一些思想還沒完全轉(zhuǎn)變到vue上，還需努力！
總結(jié)
到此這篇關(guān)于關(guān)于Vue3中defineProps用法的文章就介紹到這了,更多相關(guān)Vue3中defineProps用法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
為讓大家更好的理解Vue3的Composition?Api本文采用了詳細的動畫演繹，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
前端實現(xiàn)Vue組件頁面跳轉(zhuǎn)的多種方式小結(jié)
這篇文章主要為大家詳細介紹了前端實現(xiàn)Vue組件頁面跳轉(zhuǎn)的多種方式,文中的示例代碼講解詳細,具有一定的參考價值,有需要的小伙伴可以了解下2024-02-02
本篇文章主要介紹了關(guān)于Vue的路由權(quán)限管理的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
vue2 v-model/v-text 中使用過濾器的方法示例
這篇文章主要介紹了vue2 v-model/v-text 中使用過濾器的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
el-table表頭根據(jù)內(nèi)容自適應(yīng)完美解決表頭錯位和固定列錯位
這篇文章主要介紹了el-table表頭根據(jù)內(nèi)容自適應(yīng)完美解決表頭錯位和固定列錯位,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
這篇文章主要為大家詳細介紹了vue開發(fā)實現(xiàn)評論列表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了mpvue開發(fā)音頻類小程序踩坑和建議詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
本文主要介紹了在Vue3項目中實現(xiàn)常見文件類型的預覽功能,包括docx、xlsx、pdf、txt、png、jpg、jpeg、mp4和mp3,具有一定的參考價值,感興趣的可以了解一下2025-01-01
vue與bootstrap實現(xiàn)時間選擇器的示例代碼
本篇文章主要介紹了vue與bootstrap實現(xiàn)時間選擇器的示例代碼，非常具有實用價值，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了用Cordova打包Vue項目的方法步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02