我开始玩vuejs(2.0)。我构建了一个包含一个组件的简单页面。该页面具有一个带有数据的Vue实例。在该页面上,我注册了该组件并将其添加到html中。该组件有一个input[type=text]
。我希望该值反映在父对象(主Vue实例)上。
如何正确更新组件的父数据?从父级传递绑定的道具不好,并且会向控制台发出一些警告。他们的文档中有内容,但是没有用。
我开始玩vuejs(2.0)。我构建了一个包含一个组件的简单页面。该页面具有一个带有数据的Vue实例。在该页面上,我注册了该组件并将其添加到html中。该组件有一个input[type=text]
。我希望该值反映在父对象(主Vue实例)上。
如何正确更新组件的父数据?从父级传递绑定的道具不好,并且会向控制台发出一些警告。他们的文档中有内容,但是没有用。
另一种方法是将设置器的引用从父级传递为子组件的道具,类似于他们在React中的操作。假设您
updateValue
在父级上有一个更新值的方法,则可以实例化子级组件,如下所示:<child :updateValue="updateValue"></child>
。然后在子级上,您将有一个对应的prop:,props: {updateValue: Function}
并且在模板中,当输入更改时调用方法:<input @input="updateValue($event.target.value)">
。