我的代码哪里有错？求大神帮忙
来源：3-1 todolist功能开发
慕前端7272018
2019-07-22 17:23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>vue入门</title>
<script src="./vue.js"></script>
</head>
<body>
<div id=root>
<div>
<input v-modle="inputValue"/>
<button @click="handleClick">提交</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>
写回答
关注
4回答
-
- 慕标05350611
- 2019-12-15 22:37:29
一大堆错误?
-
- weixin_慕慕0412102
- 2019-07-26 08:17:54
modle ==> model
-
- 逆流2019
- 2019-07-23 09:35:23
<divid="root">这样会比较规范一点 -
- 逆流2019
- 2019-07-22 19:32:46
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue入门</title> <script src="vue.js"></script> </head> <body> <div id=root> <div> <input v-model="inputValue"/> <button @click="handleClick">提交</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>
vue2.5入门
快速理解Vue编程理念上手Vue2.0开发。
146742 学习 · 657 问题
相似问题