将vue.js组件子对象或值发送到父通信

Question

我想知道哪个是在vue组件中向父级发送数据的更好方法。从父母到孩子我通过prop对象，但从孩子到父母与$emit。我应该传递对象还是值？例如：{ product }或product.id以及我必须在事件监听器上重用{ product }中的product.price中的一些数据。我该怎么用？发出一个对象或只是值，然后在侦听器函数中循环和条件？

Answer 1

在这里只使用双向同步：

@product.sync="product"

在孩子：

this.$emit('update:product', product)

每当您更改产品的属性时。

Answer 2

这在通过引用传递的情况下不起作用。我的意思是它有效，但Vue是尖叫不要直接改变道具...

电影是一个对象，类型是一个数组。儿童组件道具和事件

道具：{genres：{type：Array，default（）{return []}}}

...

这个。$ emit（'changeGenreList'，this.genres）

我不得不用slice（）制作这个数组的本地副本，然后我发出了这个副本。