點擊提交按鈕，頁面沒有反應
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>TodoList</title>
????<script?src="./vue.js"></script>
</head>
<body>
????<div?id="root">
???????<div>
???????????<input?v-model="inputValue"/>
???????????<button?@click="handleSubmit">提交</button>
???????</div>
???????<ul>
???????????<todo-item?v-for="(item,index)?of?list"
???????????:key=?"index"
???????????:content="item">
????????</todo-item>
???????</ul>
????</div>
????<script>
????????//?全局組件
????????????Vue.component('todo-item',{
????????????????props:['content'],
????????????????template:'<li>{{content}}</li>'
????????????})
????????//?var?TodoItem?=?{
????????//?????template:?'<li>item</li>'
????????//?}
????????new?Vue({
????????????el:"#root",?
????????????components:{
????????????????'todo-item':TodoItem
????????????},
????????????data:{
????????????????inputValue:'',
????????????????list:?[]
????????????},
????????????methods:{
????????????????handleSubmit:?function(){
????????????????????this.list.push(this.inputValue)
????????????????????this.inputValue=''
????????????????}
????????????}
????????})
????</script>
</body>
</html>
2020-05-27
調試下唄，chrome f12 打開控制臺就知道問題了
2020-04-17
我找到問題了。。components那里應該刪掉? 對不起 我不知道 咋刪問題???