props用来改变子组件属性，并且子组件中的驼峰式在使用时标签中要改成横线式，比如mesAlet==》mes-alet
父组件：
<child message="hello!"></child>
子组件：
Vue.component(‘child‘, {
// 声明 props
props: [‘message‘],
// 就像 data 一样，prop 可以用在模板内
// 同样也可以在 vm 实例中像“this.message”这样使用
template: ‘<span>{{ message }}</span>‘
})
动态props的话，如下：
<div> <input v-model="parentMsg"> <br> <child v-bind:my-message="parentMsg"></child> </div>
原文：http://www.cnblogs.com/dontes/p/7206644.html