Vue中父组件向子组件传值,主要依靠组件中的props属性,下面是一个局部注册组件栗子
这里是一个全局注册组件的栗子
那么子组件又如何向父组件传值呢?类比官网我们来看看下面的栗子:
- 使用 $on(eventName) 监听事件
- 使用 $emit(eventName) 触发事件性
切记==不能用 $on 侦听子组件释放的事件,而必须在模板里直接用 v-on 绑定,参见下面的例子==。
在本例中,子组件已经和它外部完全解耦了。它所做的只是报告自己的内部事件,因为父组件可能会关心这些事件。请注意这一点很重要。