關(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)文章
在當今前端開發(fā)的領(lǐng)域中,Vue 框架因其高效和靈活的特性備受開發(fā)者青睞,而 Vant 是一個輕量的移動端組件庫,為 Vue 應(yīng)用的開發(fā)提供了豐富且便捷的功能組件,本文將就如何在 Vue 框架中通過 Vant 來實現(xiàn)日期選擇器的使用,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了在antd4.0中Form使用initialValue操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要幫助大家簡單理解Vue條件渲染，什么是Vue條件渲染,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了vue treeselect獲取當前選中項的label實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
前端vue如何通過URL訪問存儲在服務(wù)器或磁盤的圖片
在Vue中,通常需要將圖片存儲在服務(wù)器端,并通過url地址來訪問,下面這篇文章主要給大家介紹了前端vue如何通過URL訪問存儲在服務(wù)器或磁盤的圖片的相關(guān)資料,需要的朋友可以參考下2024-02-02
這篇文章主要給大家介紹了關(guān)于vue自定義權(quán)限標簽的相關(guān)資料,在Vue中你可以通過創(chuàng)建自定義組件來實現(xiàn)自定義標簽組件,文中給出了詳細的代碼示例,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了基于vue3.0.1beta搭建仿京東的電商H5項目，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
Vue重要修飾符.sync對比v-model的區(qū)別及使用詳解
這篇文章主要為大家介紹了Vue中重要修飾符.sync與v-model的區(qū)別對比及使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要為大家詳細介紹了Vue加載中動畫組件使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
在Vue應(yīng)用程序中,路由組件是構(gòu)建單頁應(yīng)用的關(guān)鍵部分,傳遞參數(shù)給路由組件可以讓我們動態(tài)地展示內(nèi)容,處理用戶輸入,以及實現(xiàn)各種交互功能,本文就給大家介紹了六種Vue路由組件傳遞參數(shù)場景,需要的朋友可以參考下2023-09-09