Vue.js - 如何将道具传给孙辈

Question

我有以下应用结构

RegistrationView (holds the data logic like get, post)
 - RegistrationForm (holds the form)
 -- Registration Radio Component (radio buttons rendered on delivered data from view)

并且我希望能够将数据从视图传递到无线电组件作为要呈现的道具并与父表单组件交互。这可能吗？

Answer 1

在这种情况下你需要使用dependency injection：

在视图中：

provide: function () {
  return {
    prop1: this.someData,
    someMethod:this.someMethod
  }
},
data(){
  return{
    someData:'some data'
  }
},
methods:{
    someMethod(){
       this.someData='another data'
    }
}

在收音机组件中：

inject: ['someData','someMethod']

像this.someData一样使用它，你可以触发this.someMethod()，它会改变祖父组件中的数据。