<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 這個(gè) prop，其值是 '[1, 2, 3, 4]', 即 data.labels 的 JSON 字符串形式？請問，為什么允許這樣的轉(zhuǎn)譯呢？它主要是用于什么場景下？