学习vue.js组件使用props属性报错，按照官方文档写，但报错

Question

代码如下

 <div id="box6">

      <my-component2 :showInfor="hello"></my-component2>

      <my-component2 :showInfor="hi"></my-component2>

 </div>

 

 <script type="text/javascript">

     Vue.component('my-component2',{

          props: ['showInfor'],

          template: "<div><h4>{{showInfor}}</h4></div>",

          computed: {

            showInforRes: function(){

              return this.showInfor+" world!"

            }

          }

        })

        var com2 = new Vue({

          el: '#box6'

        })

</script>

报错如下