props是元件的一個屬性，它用於進行元件間通訊

在元件模版中使用props來宣告需要從父級接收的資料，props的值可以是物件或者陣列

元件傳遞的資料可以寫死，也可以是來自父元素的動態資料，如果父元素為動態資料，要用v-bind動態繫結props的值，當父元件資料變化時，也會傳遞給子元件

　　<div id="app">
        <input type="text" v-model="parentsMessage">  //v-model雙向繫結data
        <my-component :warning-text="parentsMessage"></my-component>  //v-bind給props屬性繫結同一個data
    </div>

    <script>
        Vue.component(
 
'my-component',{
            props:['warningText'],
            template:'<div>{{warningText}}</div>'
        });

       var app = new Vue({
           el:'#app',
           data:{
               parentsMessage:''
           }
       })
    </script>

注：如果要給props屬性繫結數字、布林值、陣列、物件，要使用v-bind, 不使用v-bind繫結的是字串