Javascript 在vue中作为prop传递的对象作为字符串到达

Javascript 在vue中作为prop传递的对象作为字符串到达,javascript,string,object,vue.js,vue-component,Javascript,String,Object,Vue.js,Vue Component,为了让Vue处理我传递给组件的对象属性,我必须首先将字符串转换为对象(在代码片段中,我使用了JSON.parse())。有没有一种方法可以将真实的javascript对象作为道具直接传递给组件,而不将其解释为字符串?注意:我将多次使用该组件,这会使单个data()对象传递到道具中,然后在组件中用于v-bind,每次传递道具时都不实用 <component ok='{"data-x":1}'></component> …或使用速记版本: <component :ok



为了让Vue处理我传递给组件的对象属性,我必须首先将字符串转换为对象(在代码片段中,我使用了
JSON.parse()
)。有没有一种方法可以将真实的javascript对象作为道具直接传递给组件,而不将其解释为字符串?注意:我将多次使用该组件,这会使单个
data()
对象传递到道具中,然后在组件中用于
v-bind
,每次传递道具时都不实用

<component ok='{"data-x":1}'></component>
…或使用速记版本:

<component :ok='{"data-x":1}'></component>


通过这种方式,将对象
{“data-x”:1}
作为prop值传递。

我怎么可能没有想到这一点。我现在觉得自己很笨;)我们都去过:)
<component :ok='{"data-x":1}'></component>