這篇文章主要介紹vue子組件修改data或調(diào)用的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站從2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元梁園做網(wǎng)站,已為上家服務(wù),為梁園各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

<子組件 ref='xxx'></子組件>

父組件：

this.refs.xxx.子組件定義的方法()

外部：

vm.$refs.xxx.子組件定義的方法()

注意：子組件添加 ref 屬性,父組件才可以通過(guò) refs 獲取.

補(bǔ)充知識(shí)：vue更新data值，如何重新渲染組件？

一：先介紹一下Vue.set()方法

注：如果從服務(wù)端返回的數(shù)據(jù)量較少，或者只有幾個(gè)字段，可以用vue的set方法，如果數(shù)據(jù)量較大，請(qǐng)直接看第二種情況。

官網(wǎng)API是這樣介紹的：

Vue.set(target,key,value)

參數(shù)：

{Object | Array} target

{string | number} key

{any} value

返回值：設(shè)置完后的新值

用法：

向響應(yīng)式對(duì)象中添加一個(gè)屬性，并確保這個(gè)新屬性同樣是響應(yīng)式的，且觸發(fā)視圖更新。它必須用于向響應(yīng)式對(duì)象上添加新屬性，因?yàn)?Vue 無(wú)法探測(cè)普通的新增屬性 (比如 this.myObject.newProperty = ‘hi')

注意對(duì)象不能是 Vue 實(shí)例，或者 Vue 實(shí)例的根數(shù)據(jù)對(duì)象。

我舉個(gè)簡(jiǎn)單的小例子，把這種用法介紹一下：

一：data中定義一個(gè)對(duì)象：

data() {
 return {
  person:{
  age:10,
  name:'李古拉雷',
  sex:1
  }
 }
}

文章名稱：vue子組件修改data或調(diào)用的方法-創(chuàng)新互聯(lián)
當(dāng)前URL：http://www.chinadenli.net/article28/hchjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、App設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)站制作、用戶體驗(yàn)

廣告

聲明：本網(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)