vue中的依賴注入 provide 和 inject


 provide 選項允許我們指定我們想要提供給后代組件的數據/方法。在這個例子中,就是 <google-map> 內部的 getMap 方法:

provide: function () {
return {
getMap: this.getMap
}
}

然后在任何后代組件里,我們都可以使用 inject 選項來接收指定的我們想要添加在這個實例上的屬性:
inject: ['getMap']


示例
// 父級組件提供 'foo'
var Provider = {
provide: {
foo: 'bar'
},
// ...
}

// 子組件注入 'foo'
var Child = {
inject: ['foo'],
created () {
console.log(this.foo) // => "bar"
}
// ...
}





依賴注入所提供的屬性是非響應式





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM