資訊專欄INFORMATION COLUMN
摘要：的大小寫事件的名字沒(méi)有自動(dòng)化的大小寫轉(zhuǎn)換，觸發(fā)的事件名必須和見(jiàn)提供的事件名完全匹配的情況下才能正常運(yùn)行。父組件向子組件傳參時(shí)，無(wú)論何種命名方式，必須使用同一名字進(jìn)行接收。
kebab-case：短橫線命名法，多個(gè)單詞之間使用短橫線“-”進(jìn)行連接，單詞全部小寫。如：first-name,user-info,create-order。
camelCased：駝峰命名法，第一個(gè)單詞小寫，從第二個(gè)單詞開(kāi)始首字母大寫。如：fistName,userInfo,createOrder。
PascalCased：帕斯卡命名法，單字之間不能使用空格、“_”和“-”進(jìn)行連接，命名中所有的單詞必須首字母大寫。如FirstName、UserInfo、CreateOrder。
父組件在傳值的時(shí)候可子組件以將變量從短橫線式轉(zhuǎn)換為駝峰式，所以在傳遞參數(shù)的時(shí)候父組件使用短橫線式時(shí)，子組件應(yīng)該將其轉(zhuǎn)換為駝峰式進(jìn)行接收
parent.vue
childs2.vue
Childs2
{{myFirst}}
運(yùn)行結(jié)果如下
當(dāng)父組件中傳遞的變量為全駝峰式或者其他格式的時(shí)候，子組件只需要同名的變量便可進(jìn)行數(shù)據(jù)接收。
props: ["size"],
computed: {
normalizedSize: function () {
return this.size.trim().toLowerCase()
}
}
注意在 JavaScript 中對(duì)象和數(shù)組是通過(guò)引用傳入的，所以對(duì)于一個(gè)數(shù)組或?qū)ο箢愋偷?prop 來(lái)說(shuō)，在子組件中改變這個(gè)對(duì)象或數(shù)組本身將會(huì)影響到父組件的狀態(tài)。
事件的名字沒(méi)有自動(dòng)化的大小寫轉(zhuǎn)換，觸發(fā)的事件名必須和見(jiàn)提供的事件名完全匹配的情況下才能正常運(yùn)行。
parent.vue
child.vue
methods: {
sayHi(){
this.$emit("testEmit");
}
雖然我們定義的函數(shù)名字為駝峰式的，但是不可以監(jiān)聽(tīng)到對(duì)應(yīng)的短橫線命名的test-emit事件，必須使用testEmit來(lái)監(jiān)聽(tīng)。
總結(jié)組件引用命名時(shí)，可以使用同名標(biāo)簽，若為駝峰式命名的情況下，可以使用短橫線命名法。如：
子組件向父組件傳參時(shí)，如果使用短橫線命名法，則在props時(shí)需要使用響應(yīng)的駝峰式進(jìn)行接收，其他格式的命名則用同一名字進(jìn)行接收。
3.父組件向子組件傳參時(shí)，無(wú)論何種命名方式，必須使用同一名字進(jìn)行接收。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106510.html
摘要：我聽(tīng)不太懂了內(nèi)存管理日后需要解決不應(yīng)該合并小的請(qǐng)求升級(jí)成本可能會(huì)有多頁(yè)面構(gòu)建工程歡迎社區(qū)人士來(lái)搞尤大說(shuō)盡量少用會(huì)有副作用值得借鑒的啊勾股建議全局現(xiàn)階段停留在底層，不能完全解決，還是需要框架 主持人：陰明 virtual dom 然后balabala（走神了- -） 尤小右 服務(wù)端渲染：流式渲染v-model用在自定義組件業(yè)務(wù)邏輯的組建需要可服用的 需要注意父子組件的解耦（不推薦雙向綁定...
摘要：由于該項(xiàng)目是基于原本的安卓，做的微信，所以原來(lái)的使用的頁(yè)面現(xiàn)在需要在中實(shí)現(xiàn)，那就是使用查看了很多很多文檔，其中這一篇是很有價(jià)值的下面將天的爬坑最終以問(wèn)答的方式總結(jié)如下組件中如何引入如何獲取對(duì)象以及內(nèi)的對(duì)象如何向內(nèi)傳送信息內(nèi)如何向外部發(fā)送信息 由于該項(xiàng)目是基于原本的安卓app，做的微信h5，所以原來(lái)的使用webview的頁(yè)面現(xiàn)在需要在vue中實(shí)現(xiàn)，那就是使用iframe查看了很多很多文檔...
摘要：且中沒(méi)有緩存這些消息。查閱了很多資料，后來(lái)發(fā)現(xiàn)這又是一坑。在沒(méi)有加載完成的情況下，消息自然是發(fā)不到的。解決辦法就是需要的事件寫到的事件中，代碼如下 1、iframe通信 由于項(xiàng)目中有用到vue嵌入靜態(tài)頁(yè)面實(shí)現(xiàn)功能，vue頁(yè)面和普通H5頁(yè)面通信就是個(gè)問(wèn)題。這篇文章寫得很詳細(xì)https://segmentfault.com/a/11... 但是在開(kāi)發(fā)過(guò)程中還是遇到了一些問(wèn)題，比如：ifra...
摘要：且中沒(méi)有緩存這些消息。查閱了很多資料，后來(lái)發(fā)現(xiàn)這又是一坑。在沒(méi)有加載完成的情況下，消息自然是發(fā)不到的。解決辦法就是需要的事件寫到的事件中，代碼如下 1、iframe通信 由于項(xiàng)目中有用到vue嵌入靜態(tài)頁(yè)面實(shí)現(xiàn)功能，vue頁(yè)面和普通H5頁(yè)面通信就是個(gè)問(wèn)題。這篇文章寫得很詳細(xì)https://segmentfault.com/a/11... 但是在開(kāi)發(fā)過(guò)程中還是遇到了一些問(wèn)題，比如：ifra...
閱讀 1226·2021-11-15 18:00
閱讀 1813·2021-10-08 10:15
閱讀 805·2021-09-04 16:48
閱讀 2417·2021-09-04 16:48
閱讀 1342·2019-08-29 18:40
閱讀 991·2019-08-29 13:08
閱讀 3016·2019-08-26 14:06
閱讀 1135·2019-08-26 13:35
