最近在用vue做項(xiàng)目，學(xué)習(xí)了不少東西，但是有時(shí)候光顧著做項(xiàng)目卻忘記要找個(gè)時(shí)間來(lái)整理一下最近的一些學(xué)習(xí)新得，因?yàn)槭切率?，所以可能?huì)有錯(cuò)誤的地方，歡迎指出和交流呀~~~

創(chuàng)新互聯(lián)公司技術(shù)團(tuán)隊(duì)10年來(lái)致力于為客戶提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、成都品牌網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站、搜索引擎SEO優(yōu)化等服務(wù)。經(jīng)過(guò)多年發(fā)展，公司擁有經(jīng)驗(yàn)豐富的技術(shù)團(tuán)隊(duì)，先后服務(wù)、推廣了上千余家網(wǎng)站，包括各類中小企業(yè)、企事單位、高校等機(jī)構(gòu)單位。

關(guān)于父子組件以及非父子組件之間的數(shù)據(jù)通信

1 父子組件之間數(shù)據(jù)通信

一般父組件向子組件傳遞數(shù)據(jù)用prop進(jìn)行傳遞，注意，子組件不能對(duì)prop中的數(shù)據(jù)進(jìn)行更改，vue中規(guī)定是防止子組件對(duì)父組件中的數(shù)據(jù)進(jìn)行竄改。而子組件向父組件進(jìn)行數(shù)據(jù)傳遞則可以通過(guò)事件觸發(fā)父組件的事件來(lái)實(shí)現(xiàn)數(shù)據(jù)的傳遞。（是不是有點(diǎn)懵逼了，看個(gè)例子吧 ）

（這里我就直接摘取一段項(xiàng)目中的例子代碼來(lái)說(shuō)明）

使用prop進(jìn)行數(shù)據(jù)傳遞：

//這是父組件中的部分代碼，父組件向子組件<handle-Employee><handle-Employee>傳遞數(shù)據(jù)（method,dialogFormvisible）
 // 父組件的部分代碼
<!--添加員工模塊-->
   <div class="add">
    <el-button type="primary" icon="edit" @click="handleAdd">新增員工</el-button>
    <handle-Employee :method="method"
     :dialogFormVisible="dialogFormVisible" @close="closeDialog" @getEmployee="getEmployee"></handle-Employee>
   </div>
  </div>
// 父組件的script代碼
 export default {
  data () {
   return {
    method:{handle： 'add‘, title: '增加員工'}
    dialogFormvisible: false
 }
 } 
}

// 子組件中則需要加prop屬性數(shù)據(jù) ，如下所示：
 export default {
   props: [ 'method', 'dialogFormVisible']
 }

//所以只要父組件中的數(shù)據(jù)變化修改，子組件中的數(shù)據(jù)也會(huì)跟這修改；

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站aaarwkj.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)頁(yè)名稱：詳解Vue組件之間的數(shù)據(jù)通信實(shí)例-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://aaarwkj.com/article14/gddde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、外貿(mào)網(wǎng)站建設(shè)、面包屑導(dǎo)航、關(guān)鍵詞優(yōu)化、企業(yè)網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)