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

資訊專欄INFORMATION COLUMN

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

cnsworder / 784人閱讀

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

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

1.獲取父組件數(shù)據(jù) 疑問：多層事件可以通過冒泡獲得，vue 里面的多層數(shù)據(jù)是不是也可以直接獲取呢？ 驗(yàn)證方法： 1.先在組件里面定義data 的數(shù)據(jù)，模版以及子組件 2.在子組件里面直接使用父組件里面的data數(shù)據(jù) 
        components:{ //父級組件
            "aaa":{
                template:"
我是aa組件
",
                data(){
                    return {
                        msg:"我是父組件的數(shù)據(jù)"
                    }
                },
                components:{
                    "bbb":{//子級組件
                        template:"
我是bbb-->{{msg}}
"
                    }
                }
            }
結(jié)果:不能 實(shí)踐結(jié)果是子級組件是不能直接獲取父級的組件的數(shù)據(jù)
2.通過 props 從父級傳遞數(shù)據(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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

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

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

    darkerXi 評論0 收藏0

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

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

    Aldous 評論0 收藏0

  • Vue.js-組件詳解

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

    jeffrey_up 評論0 收藏0

  • Vue-組件詳解

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

    dadong 評論0 收藏0

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

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

    tinyq 評論0 收藏0

發(fā)表評論

0條評論

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