javascript - vue 使用花括號包裹 prop 的時候，為什麼會被轉譯成 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>

如範例程式碼，sider 接收到的 labels 這個 prop，其值是 '[1, 2, 3, 4]', 即 data.labels 的 JSON 字串形式？

請問，為什麼允許這樣的轉譯呢？它主要是用於什麼場景下？

Answer 1

這個屬於es6寫法
相當於