Vue component issues

problem description

obviously registered the component and wrote the template, but it doesn"t work in html, and there is no prompt after typing . Even if you hit it all, it doesn"t work, just like not registering.

         ps:

the environmental background of the problems and what methods you have tried

there is always this problem

related codes

/ / Please paste the code text below (do not replace the code with pictures)
< body >

    <div id="app">
        

:{{total}}

<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.countPP; } } }) </script> </body>

what result do you expect? What is the error message actually seen?

May.22,2021

I don't quite understand whether the top div in your code is in the parent component or in the child component


press F12 to check the console error. There must be an error report in the background
. There are two things I think are inappropriate
1, component name < / >
2, template:'

< button @ click='jia' > + 1 < / button > < / div >. Click writes single quotation marks
I don't see the problem elsewhere

Menu