成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue 1.x 組件數(shù)據(jù)傳遞

Aldous / 2351人閱讀

摘要：本文章主要講了組件如何進(jìn)行數(shù)據(jù)的傳遞，從簡(jiǎn)單的組件里面的數(shù)據(jù)如何顯示，子組件里面的數(shù)據(jù)顯示，子組件獲取父組件的數(shù)據(jù)，子組件主動(dòng)發(fā)送數(shù)據(jù)給父組件。

本文章主要講了組件如何進(jìn)行數(shù)據(jù)的傳遞，從簡(jiǎn)單的組件里面的數(shù)據(jù)如何顯示，子組件里面的數(shù)據(jù)顯示，子組件獲取父組件的數(shù)據(jù)，子組件主動(dòng)發(fā)送數(shù)據(jù)給父組件。

1.獲取父組件數(shù)據(jù) 疑問(wèn)：多層事件可以通過(guò)冒泡獲得，vue 里面的多層數(shù)據(jù)是不是也可以直接獲取呢？ 驗(yàn)證方法： 1.先在組件里面定義data 的數(shù)據(jù)，模版以及子組件 2.在子組件里面直接使用父組件里面的data數(shù)據(jù) 
        components:{ //父級(jí)組件
            "aaa":{
                template:"
我是aa組件
",
                data(){
                    return {
                        msg:"我是父組件的數(shù)據(jù)"
                    }
                },
                components:{
                    "bbb":{//子級(jí)組件
                        template:"
我是bbb-->{{msg}}
"
                    }
                }
            }
結(jié)果:不能 實(shí)踐結(jié)果是子級(jí)組件是不能直接獲取父級(jí)的組件的數(shù)據(jù) 2.通過(guò) props 從父級(jí)傳遞數(shù)據(jù)到子級(jí) 步驟： 1.子組件綁定父組件的數(shù)據(jù)

2.子組件里面?zhèn)鬟f別稱的數(shù)據(jù)

代碼例子

3.子組件傳遞數(shù)據(jù)的類型聲明

可以在props 聲明傳遞的數(shù)據(jù)的類型，如

                        props:{
                            "mmm":String,
                            "num":Number
                        },

實(shí)際代碼例子

3.父組件獲取子組件數(shù)據(jù)——> $emit() 實(shí)現(xiàn)步驟: 1.子組件 發(fā)送數(shù)據(jù) vm.$emit("方法名"，"數(shù)據(jù)"); 2.父組件 接收數(shù)據(jù) v-on: @ 實(shí)現(xiàn)相關(guān)方法

代碼：




    
    
    
    組件

代碼例子

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/112487.html

相關(guān)文章

  • vue 1.x 組件數(shù)據(jù)傳遞

    摘要：本文章主要講了組件如何進(jìn)行數(shù)據(jù)的傳遞，從簡(jiǎn)單的組件里面的數(shù)據(jù)如何顯示，子組件里面的數(shù)據(jù)顯示，子組件獲取父組件的數(shù)據(jù)，子組件主動(dòng)發(fā)送數(shù)據(jù)給父組件。 本文章主要講了組件如何進(jìn)行數(shù)據(jù)的傳遞，從簡(jiǎn)單的組件里面的數(shù)據(jù)如何顯示，子組件里面的數(shù)據(jù)顯示，子組件獲取父組件的數(shù)據(jù)，子組件主動(dòng)發(fā)送數(shù)據(jù)給父組件。 1.獲取父組件數(shù)據(jù) 疑問(wèn)：多層事件可以通過(guò)冒泡獲得，vue 里面的多層數(shù)據(jù)是不是也可以直接獲取呢...

    cnsworder 評(píng)論0 收藏0

  • vue 1.x 組件數(shù)據(jù)傳遞

    摘要：本文章主要講了組件如何進(jìn)行數(shù)據(jù)的傳遞，從簡(jiǎn)單的組件里面的數(shù)據(jù)如何顯示，子組件里面的數(shù)據(jù)顯示，子組件獲取父組件的數(shù)據(jù)，子組件主動(dòng)發(fā)送數(shù)據(jù)給父組件。 本文章主要講了組件如何進(jìn)行數(shù)據(jù)的傳遞，從簡(jiǎn)單的組件里面的數(shù)據(jù)如何顯示，子組件里面的數(shù)據(jù)顯示，子組件獲取父組件的數(shù)據(jù)，子組件主動(dòng)發(fā)送數(shù)據(jù)給父組件。 1.獲取父組件數(shù)據(jù) 疑問(wèn)：多層事件可以通過(guò)冒泡獲得，vue 里面的多層數(shù)據(jù)是不是也可以直接獲取呢...

    darkerXi 評(píng)論0 收藏0

  • Vue.js-組件詳解

    摘要：事件總線事件總線首先創(chuàng)建了一個(gè)名為的空的實(shí)例然后全局定義了組件最后創(chuàng)建了實(shí)例。在父組件模板中，子組件標(biāo)簽上使用指定一個(gè)名稱，并在父組件內(nèi)通過(guò)來(lái)訪問(wèn)指定名稱的子組件。 學(xué)習(xí)筆記：組件詳解 組件詳解 組件與復(fù)用 Vue組件需要注冊(cè)后才可以使用。注冊(cè)有全局注冊(cè)和局部注冊(cè)兩種方式。 全局注冊(cè) Vue.component(my-component, {}); 要在父實(shí)例中使用這個(gè)組件，必須要...

    jeffrey_up 評(píng)論0 收藏0

  • Vue-組件詳解

    摘要：除了監(jiān)聽(tīng)事件外，還可以用于組件之間的自定義事件。它僅僅作為一個(gè)直接訪問(wèn)子組件的應(yīng)急方案，應(yīng)當(dāng)避免在模板或計(jì)算屬性中使用。將和合并成，會(huì)自動(dòng)去判斷是普通標(biāo)簽還是組件。子組件這里的狀態(tài)綁定的是父組件的數(shù)據(jù)。 查看原文站點(diǎn)，更多擴(kuò)展內(nèi)容及更佳閱讀體驗(yàn)！ 組件詳解 組件與復(fù)用 Vue組件需要注冊(cè)后才可以使用。注冊(cè)有全局注冊(cè)和局部注冊(cè)兩種方式。 全局注冊(cè) Vue.component(my-com...

    dadong 評(píng)論0 收藏0

  • 初學(xué)Vue（四）-- 同級(jí)組件之間的數(shù)據(jù)交互

    摘要：組件之間的數(shù)據(jù)交互方式父子級(jí)數(shù)據(jù)同步方法與同音我是父級(jí)，我的數(shù)據(jù)是在這里加入方法改變我是子級(jí)數(shù)據(jù)部分今天天氣不錯(cuò)父級(jí)數(shù)據(jù)改變數(shù)據(jù)版本利用了原生的對(duì)象特性引用當(dāng)父級(jí)數(shù)據(jù)是對(duì)象形式的時(shí)候在作用域中傳遞的就不再是以值的形式傳遞，而是 組件之間的數(shù)據(jù)交互方式 父子級(jí)數(shù)據(jù)同步： 1.x方法： .sync - 與think同音 我是父級(jí)，我的數(shù)據(jù)是=>{{msg1}} ...

    tinyq 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<