问题描述：

我看了Vue3.0的文档,对于单向数据流此处的概念不是很清楚。

相关截图：

此处这个props里面的size属性以原始值传入而且需要转换，那么这个原始值代表的是什么值？

尝试过的解决方式：

我按照文档写了一下，但是最后会报错，原因是计算方法执行后，超过了最大栈范围溢出。

相关代码：

   const app = Vue.createApp({
            data() {
                return {
                    size: 'abc',
                }
            },
            template: `
                <div>
                    <blog-gist :size="size" />
                </div>
            `
        });

        app.component('blog-gist', {
            props: ['size'],
            computed: {
                normalizedSize() {
                    return this.size.trim().toLowerCase();
                }
            },
            template: `
                <div @click="normalizedSize">{{size}}</div>
            `,
        }).mount('#box');

老师能否帮看一下，这条情况应该怎么写才符合文档的意思？