vuejs2.0中怎么通過子組件改變父組件的數(shù)據(jù)-創(chuàng)新互聯(lián)

這篇文章給大家介紹vuejs2.0中怎么通過子組件改變父組件的數(shù)據(jù)，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)長期為上千多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為江干企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都網(wǎng)站制作，江干網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。




  
  Document
    
  
    window.onload = function(){
      var app = new Vue({
      el:'#box',
      data:{
        myData:{
          info:'父組件信息'
        }
      },
      components:{
        'v-com':{
          props:['data'],
          template:'#tpl',
          methods:{
            change(){
              this.data.info = 'change info'
            }
          }
        }
      }
    })
    }
  


  
  
    
      {{myData.info}}

change

這種是同步改變數(shù)據(jù)，就是說子組件的數(shù)據(jù)改變，父組件數(shù)據(jù)也跟著改變，下面展示非同步的情況




  
  Document
    
  
    window.onload = function(){
      var app = new Vue({
      el:'#box',
      data:{
        myData:'父組件信息'
      },
      components:{
        'v-com':{
          data() {
            return {
              childData:''
            }
          },
          props:['data'],
          // dom渲染完畢
          mounted(){
            this.childData = this.data
          },
          template:'#tpl',
          methods:{
            change(){
              this.childData = 'change info'
            }
          }
        }
      }
    })
    }
  


  
  
    
      {{myData}}

change

關(guān)于vuejs2.0中怎么通過子組件改變父組件的數(shù)據(jù)就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

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

文章題目：vuejs2.0中怎么通過子組件改變父組件的數(shù)據(jù)-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://www.xueling.net.cn/article/cedish.html

老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

重慶分公司，新征程啟航

vuejs2.0中怎么通過子組件改變父組件的數(shù)據(jù)-創(chuàng)新互聯(lián)

其他資訊

老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

重慶分公司，新征程啟航

vuejs2.0中怎么通過子組件改變父組件的數(shù)據(jù)-創(chuàng)新互聯(lián)

其他資訊

重慶分公司，新征程啟航