<body> <div id="example"> <father></father> </div> </body> <script> Vue.component(‘child‘, { // 声明 props props: [‘message‘], // 就像 data 一样，prop 可以用在模板内 // 同样也可以在 vm 实例中像 “this.message” 这样使用 template: ‘<span>{{ message }}</span>‘ }) Vue.component(‘father‘, { template: ‘<child message="hello!"></child>‘ }) new Vue({ el: ‘#example‘ }) </script> </html>
原文：http://www.cnblogs.com/thankyouGod/p/6681615.html