javascript - Warum wird Vue in einen JSON-String übersetzt, wenn es geschweifte Klammern zum Umschließen von Requisiten verwendet?

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>

Wie im Beispielcode gezeigt, beträgt der von Sider empfangene Wert der Labels-Requisite '[1, 2, 3, 4]', was ist die JSON-Stringform von data.labels?

Entschuldigung, warum ist diese Übersetzung erlaubt? In welchen Szenarien wird es hauptsächlich verwendet?

Answer 1

这个属于es6写法
相当于
<sider :labels="{labels:labels}"></sider>