<div id="root">
        
        <child content="hell"></child>
</div>
<script>
        Vue.component('child',{
              props:{
                      content:String,//定義父組件傳過來的值的類型
                      required:false,//如果是true，父組件傳過來的值必須傳
                      default:'default value',//如果父組件沒有傳值過來就使用這個默認值
                      validator: function(value) {  // 自定義校驗器
                          return (value.length > 5)   //傳過來的值長度必須大于5
                      }
              },
              template:'<div>{{content}}</div>'
        })
        var vm = new Vue({
                el:'#root'
        })
</script>