Vue的组件属性传值问题

Question

<div id="app">
        {{message}}
        <customize prop="xxx"></customize>
    </div>
    <script type="text/javascript">
        //组件对象
    var customize = {
        //组件模板
        template: `<p>
     自定义组件啊{{prop}}
    </p>`,
     // 组件属性
    // props: ["prop"]
    }
    var app = new Vue({
        el: "#app",
        data: {
            message: '{{message}}:hello customize components'
        },
        components: {
            "customize": customize
        }
    })
    </script>

如上代码，模板不会渲染出{{prop}}的内容，因为：

// props: ["prop"]

而且DOM里面依然保留:
<p prop="xxx">

如果把 “组件属性”下面的代码注释去掉，

props: ["prop"]

则DOM可以渲染，组件属性渲染完之后则消失了：

所以，这样有什么实际意义呢？另外，若想传值给组件的属性prop应该怎么做？

Answer 1

属性绑定加v-bind或:好好看文档，不然只是传了一个为xxx的字符串。