Vuejs2 如何在不创建二传手和接球手的情况下传递道具?

Vuejs2 如何在不创建二传手和接球手的情况下传递道具?,vuejs2,Vuejs2,在下面的代码中,我将对象传递给子组件。Vue为此对象中的每个属性创建一对setter/getter。换句话说,它绑定每个属性以使组件具有反应性。有没有一种方法可以传递一个对象,就像我在这里做的那样,但没有绑定?在实际的应用程序中,我传递一个具有10个属性的对象,并为每个对象创建一个setter/getter对。这会稍微影响性能。你推荐什么 Vue.component'child'{ 模板:'Child!', 道具:['params'], 创造{ console.logthis.params }

在下面的代码中,我将对象传递给子组件。Vue为此对象中的每个属性创建一对setter/getter。换句话说,它绑定每个属性以使组件具有反应性。有没有一种方法可以传递一个对象,就像我在这里做的那样,但没有绑定?在实际的应用程序中,我传递一个具有10个属性的对象,并为每个对象创建一个setter/getter对。这会稍微影响性能。你推荐什么

Vue.component'child'{ 模板:'Child!', 道具:['params'], 创造{ console.logthis.params } } var app=新的Vue{ el:“应用程序”, 资料{ 返回{params:{a:1,b:2} } } 没有

如果将属性转换为getter/setter(这是Vue反应的核心)是导致性能问题的原因,我会非常惊讶


传递属性的唯一方法是在某个时刻将其公开给Vue,这意味着在公开属性时它将转换为getter/setter。为了在没有它们的情况下传递对象,您需要执行类似于JSON.stringify对象和JSON.parse对象的操作。然后,一旦您尝试在子对象中使用,例如将其添加为数据属性,它将再次转换为反应对象。

您说得对,没有性能问题,确实速度非常快。我想说的是,如果没有这样的二传手/接球手的转换,我想它会更快,不会更快很多。无论如何,JSON.stringify正是我需要的。谢谢你,先生!