有大佬有空看下嗎，點擊按鈕之后無反應
<!DOCTYPE html>
<html>
<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="handleClick">Enter</button>
?? ? <ul>
?? ? <li v-for="(item,index) of list":key="index">
?? ? {{item}}
?? ? </li>
?? ? </ul>
</div>
<script>
??? new Vue({
??????? el: '#root',
??????? data:{
?? ??? ?inputValue:'',
?? ??? ?list:[]
?? ??? ?},
?? ??? ?methods:{
?? ??? ?handleClick:function(){
?? ??? ?this.list.push(tihs.inputValue)
?? ??? ?inputValue=''
?? ??? ?}
?? ??? ?}
??? })
</script>
</body>
</html>
2018-05-13
<div id="root">
???? <div>
?? ? <input v-model="inputValue"/>
?? ? <button @click="handleClick">Enter</button>
?? ? <ul>
?? ? <li v-for="(item,index) of list":key="index">
?? ? {{item}}
?? ? </li>
?? ? </ul>
</div>
這里root下的第一個div沒有閉合
?this.list.push(tihs.inputValue)
這里this你寫錯了
2018-05-13
<!DOCTYPE html>
<html>
<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="handleClick">Enter</button>
? ? ?<ul>
? ? ?<li v-for="(item,index) of list" :key="index">
? ? ?{{item}}
? ? ?</li>
? ? ?</ul>
? </div>
</div>
<script>
? ? new Vue({
? ? ? ? el: '#root',
? ? ? ? data:{
? ? ? ? inputValue:'',
? ? ? ? list:[]
? ? ? ? },
? ? ? ? methods:{
? ? ? ? handleClick:function(){
? ? ? ? this.list.push(this.inputValue)
? ? ? ? inputValue=''
? ? ? ? }
? ? ? ? }
? ? })
</script>
</body>?
</html>