javascript - Apabila vue menggunakan pendakap kerinting untuk membungkus prop, mengapakah ia diterjemahkan ke dalam rentetan JSON?

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>

Seperti yang ditunjukkan dalam kod sampel, nilai prop label yang diterima oleh sideder ialah '[1, 2, 3, 4]', yang merupakan bentuk rentetan JSON data.labels?

Maaf, mengapa terjemahan ini dibenarkan? Dalam senario apakah ia digunakan terutamanya?

Answer 1

Ini tergolong dalam kaedah penulisan es6
bersamaan dengan
<sider :labels="{labels:labels}"></sider>