찾다

 >  Q&A  >  본문

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

代码如下

 <p id="box6">
      <my-component2 :showInfor="hello"></my-component2>
      <my-component2 :showInfor="hi"></my-component2>
 </p>
 
 <script type="text/javascript">
     Vue.component('my-component2',{
          props: ['showInfor'],
          template: "<p><h4>{{showInfor}}</h4></p>",
          computed: {
            showInforRes: function(){
              return this.showInfor+" world!"
            }
          }
        })
        var com2 = new Vue({
          el: '#box6'
        })
</script>

报错如下

PHP中文网PHP中文网2804일 전662

모든 응답(2)나는 대답할 것이다

  • 迷茫

    迷茫2017-04-11 13:21:36

    <p id="box6">
        <my-component2 show-infor="hello"></my-component2>
        <my-component2 show-infor="hi"></my-component2>
    </p>
    
    <script type="text/javascript">
        Vue.component('my-component2',{
            props: ['showInfor'],
            template: "<p><h4>{{showInfor}}</h4></p>",
            computed: {
                showInforRes: function(){
                    return this.showInfor+" world!"
                }
            }
        })
        var com2 = new Vue({
            el: '#box6'
        })
    </script>

    //说明:属性前去掉冒号,冒号表面是动态属性。同时改成-链接形式,不要驼峰形式,这是推荐标准写法。

    회신하다
    0
  • 怪我咯

    怪我咯2017-04-11 13:21:36

    不认识英文吗……下面说的那么清楚的…………

    hellohi没有定义。

    회신하다
    0
  • 취소회신하다