javascript - Pourquoi est-il traduit en chaîne JSON lorsque Vue utilise des accolades pour envelopper les accessoires?

Question

<template>
<sider :labels={labels}></sider>
</template>

<script>
import Sider from '@/components/Sider'
export default {
  name: 'Main',
  components: {
    Sider,
  },
  data() {
    return {
      labels: [1, 2, 3, 4],
    }
  }
}
</script>

Comme le montre l'exemple de code, la valeur de labels prop reçue par sider est '[1, 2, 3, 4]', qui est la forme de chaîne JSON de data.labels ?

Excusez-moi, pourquoi cette traduction est-elle autorisée ? Dans quels scénarios est-il principalement utilisé ?

Answer 1

Il s'agit de la méthode d'écriture es6
équivalente à
<sider :labels="{labels:labels}"></sider>