vue子組件修改data或調(diào)用的方法-創(chuàng)新互聯(lián)

這篇文章主要介紹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 屬性,父組件才可以通過 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 無法探測(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)
文章來源：http://m.jiaotiyi.com/article/hchjp.html