為什么我在組件里面綁定點擊事件，審查元素顯示Unexpected identifier？
<html>
<head>
? ?<script src='./vue.js'></script>
</head>
<body>
<div id='root'>
? <input v-model='msg'/>
? <button @click='handleSubmit'>Submit</button>
? <ul>
? ? <todoitem v-for='(item,index) of list' :key='index' :content='item'></todoitem>
? </ul>
</div>
<script>?
? Vue.component('todoitem',{
? ? props:['content'],
? ? template:'<li v-bind:click='handleClick'>{{content}}</li>',
? ? methods:{
? ? ? handleClick:function(){
? ? ? ? alert('clicked')
? ? ? }
? ? }
??
? })
? new Vue({
? ? el:'#root',
? ? data:{
? ? ? msg:'',
? ? ? list:[]
? ? },
? ? methods:{
? ? ? handleSubmit:function(){
? ? ? ? this.list.push(this.msg)
? ? ? ? this.msg=''
? ? ? }
? ? }
? })
</script>
</body>
</html>
2018-10-12
你這個問題是Js中單引號里面不能嵌套單引號，雙引號里面可以嵌套單引號的，改成這樣就行template: "<li v-bind:click='handleClick '>{{content}}</li>"
2019-12-23
如下圖：
2019-06-14
綁定點擊事件不是 v-on:click 或者@:click 么，你寫的v-bind:click ?也可以的么？