<!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="handleCLick">Submit</button> </div> <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(this.inputValue); this.inputValue = '' } } }) </script> </body> </html>
@
click
=
"handleCLick"写错了,是
@
click
=
"handleClick"
get到,谢谢?