VueJS在道具中传递对象

Question

我正在为多组商品构建控制器。我目前正在创建一个Javascript对象，包含函数并将其存储在Vue实例的数据中。然后我将这个对象传递给：<dynamic-table :table-object="objTable"></dynamic-table>

我想知道这是通过引用传递还是每次渲染视图时都会对对象进行深层复制。

我知道VueEx可能是更好的解决方案，但我无法将NodeJS用于此项目。

Answer 1

该对象通过引用传递。您可以在<dynamic-table> - 组件中制作对象的深层副本，如下所示：

data() {
    return {
      tableObject: JSON.parse(JSON.stringify(this.tableObj)),
    };
},