vue js，如何在模板中传递数组？

Question

我只是想将一个数组或dict传递给一个vue模板：

 Vue.component('step', {

  props: ['data'],
  template: `
      <span> {{data}} {{typeof(data)}}</span>
  `
})

in html：

 <div id="app">
     <step data="['tefdfxt', 'Cats']"></step>
 </div>

被评估为一个字符串，它应该是一个数组：

  ['tefdfxt', 'Cats'] string

我的问题是：如何以未被评估为字符串序列的方式传递html属性中的数组？文档没有帮助我。 当然，我尝试了{{}}和所有解析器调用。没工作。始终评估为字符串。

编辑：

我需要在属性中添加v-bind才能被评估为对象： https://forum.vuejs.org/t/how-to-pass-array-in-child-component-as-a-prop/3584

因此请data="['tefdfxt', 'Cats']"

替换v-bind:data="['tefdfxt', 'Cats']"

Answer 1

根据您对未来读者的修改，您应该data替换v-bind:data：

<div id="app">
  <step v-bind:data="['tefdfxt', 'Cats']"></step>
</div>