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

資訊專欄INFORMATION COLUMN

在vue-cli中組件通信

cgspine / 1270人閱讀

摘要：一父傳子組件通信拿當(dāng)父組件，當(dāng)子組件父組件中導(dǎo)入子組件子組件導(dǎo)出在父組件中注冊子組件子組件通過來接收數(shù)據(jù)二子與父組件通信子組件主動(dòng)觸發(fā)方法，為向父組件傳遞的數(shù)據(jù)父組件監(jiān)聽子組件觸發(fā)的事件然后調(diào)用方法二非父子組件通信把當(dāng)作一個(gè)中轉(zhuǎn)站組

一.父傳子組件通信

拿app.vue當(dāng)父組件，content.vue當(dāng)子組件

1.父組件中導(dǎo)入子組件（子組件導(dǎo)出） 
import contents from "./components/content";
2.在父組件中注冊子組件 
   data() {
        return {
                test:"0"
        };
    },
    components:{
        "v-header":headers,
        "v-content":contents
    }
3.子組件通過props來接收數(shù)據(jù)
二.子與父組件通信 子組件： 


methods: {
    down() {
        this.$emit("down","null"); //主動(dòng)觸發(fā)down方法，"null"為向父組件傳遞的數(shù)據(jù)
    }
}
父組件： 

     //監(jiān)聽子組件觸發(fā)的down事件,然后調(diào)用changes方法


methods: {
    changes(msg) {
        this.test= test;
    }
}
二.非父子組件通信

//把a(bǔ)當(dāng)作一個(gè)中轉(zhuǎn)站

var a = new Vue();

組件1觸發(fā)：


methods:{
   eve(){
   a.$emit("change","null")
  }
}

組件2接收：



created(){
    a.$on("change",()=>{
        this.msg = "null"
    })
}

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

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

相關(guān)文章

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0

  • 前端開發(fā)之走進(jìn)Vue.js

    摘要：作為目前最熱門最具前景的前端框架之一，其提供了一種幫助我們快速構(gòu)建并開發(fā)前端項(xiàng)目的新的思維模式。的新版本，的簡稱。的包管理工具，用于同一管理我們前端項(xiàng)目中需要用到的包插件工具命令等，便于開發(fā)和維護(hù)。 Vue.js作為目前最熱門最具前景的前端框架之一，其提供了一種幫助我們快速構(gòu)建并開發(fā)前端項(xiàng)目的新的思維模式。本文旨在幫助大家認(rèn)識Vue.js，了解Vue.js的開發(fā)流程，并進(jìn)一步理解如何通...

    zxhaaa 評論0 收藏0

  • Vue組件基礎(chǔ)與通信

    摘要：組件基礎(chǔ)與通信一腳手架簡介與安裝之前安裝的是模塊，之后安裝的是模塊。如果是三級組件通信，該如何處理比如父組件與孫子組件通信。和，提供和注入實(shí)現(xiàn)祖先組件和后代組件之間通信。 Vue組件基礎(chǔ)與通信 一、vue cli腳手架 ① vue cli 簡介與安裝 vue cli 3.0之前安裝的是vue-cli模塊，vue cli 3.0之后安裝的是@vue/cli模塊。如果已經(jīng)全局安裝了舊版本的...

    I_Am 評論0 收藏0

發(fā)表評論

0條評論

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