上下文
在Vue 2.0中,文档和others清楚地表明,父母与子元素之间的沟通是通过props 进行的.
问题
父母如何通过props 告诉子元素发生了什么事?
我应该只看一个叫做"事件"的props 吗?这感觉不对劲,其他 Select 也不对劲($emit
/$on
适用于子对象到父对象,而中心模型适用于遥远的元素).
示例
我有一个父容器,它需要告诉它的子容器,可以在API上执行某些操作.I need to be able to trigger functions.
在Vue 2.0中,文档和others清楚地表明,父母与子元素之间的沟通是通过props 进行的.
父母如何通过props 告诉子元素发生了什么事?
我应该只看一个叫做"事件"的props 吗?这感觉不对劲,其他 Select 也不对劲($emit
/$on
适用于子对象到父对象,而中心模型适用于遥远的元素).
我有一个父容器,它需要告诉它的子容器,可以在API上执行某些操作.I need to be able to trigger functions.
给子组件一个ref
,并使用$refs
直接调用子组件上的方法.
html:
<div id="app">
<child-component ref="childComponent"></child-component>
<button @click="click">Click</button>
</div>
JavaScript:
var ChildComponent = {
template: '<div>{{value}}</div>',
data: function () {
return {
value: 0
};
},
methods: {
setValue: function(value) {
this.value = value;
}
}
}
new Vue({
el: '#app',
components: {
'child-component': ChildComponent
},
methods: {
click: function() {
this.$refs.childComponent.setValue(2.0);
}
}
})
有关详细信息,请参阅Vue documentation on refs.