在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue組件問題

vue組件問題

問題描述

明明注冊了組件，寫了模板，但是在html中就是不能用，打haha后面也沒提示，就算自己打全了，也不管用，就跟沒注冊一樣。

         ps:代碼沒打完，后面還沒寫，不過不影響

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

總是有這個問題

相關代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）
<body>

    <div id="app">
        <p>總數(shù)：{{total}}</p>
        <haha>
    </div>
    
    
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        Vue.component('hahaha',{
            template:'<div><button @click='jia'>+1</button></div>',
            data:{
                return{
                    count:0
                }
            },
            methods:{
                jia:function(){
                    this.count++;
                                            
                }
            }
        })
    </script>
</body>

你期待的結果是什么？實際看到的錯誤信息又是什么？

回答
編輯回答
吢丕

按F12，查看控制臺錯誤，這種沒反應的肯定在后臺有報錯
上面有兩點我覺得不合適的地方
1、組件名字寫全 <hahaha />
2、template:'<div><button @click='jia'>+1</button></div>',外層雙引號， click寫單引號
其他地方沒看出問題

2017年4月8日 00:21
編輯回答
枕頭人

沒太看懂你的代碼中，最上邊的div是父組件里的還是子組件里的

2017年8月20日 13:26