Javascript 在Vue.js中转义双引号

我正试图将一个值绑定到我的组件，但我无法转义双引号

这是有效的：

<span>{{ config.pages["pageKey"].components[0].display }}</span>

{{config.pages[“pageKey”].components[0]。display}

但并非如此：

<MyComponent v-bind:componentConfig="config.pages[\"pageKey\"].components[0]" />

---

知道怎么做吗？

尝试使用单引号：

<MyComponent v-bind:componentConfig="config.pages['pageKey'].components[0]" />

或：

使用点符号或括号符号提供对对象属性的访问

使用点符号更干净：

<MyComponent v-bind:componentConfig="config.pages.pageKey.components[0]" />

最好的办法是使用
“


你试过了吗？
第一种方法更好。它是html:）我会使用点符号访问对象的属性。它更干净。这是个好主意。我只是用很少的改动纠正了他的错误
<MyComponent v-bind:componentConfig="config.pages.pageKey.components[0]" />

<MyComponent v-bind:componentConfig="config.pages[&quot;pageKey&quot;].components[0]" />