为什么我按视频写的代码都提示data这行有错????

来源:3-1 todolist功能开发

hengyiyuan

2019-05-06 09:34

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script type="text/javascript" src="js/vue.js" ></script>

<title>todoList</title>

</head>

<body>

<div id="root">

<input v-model="inputValue"/>

<button v-on:click="handelSubmit">提交</button>

</div>

<ul> 

<li v-for="(item, index) of list":key="index">

{{item}}

</li>

</ul>

<script>

new Vue(function(){

    el:"#root",

  data:{

inputValue:'',

list:[]

},

methods:{

handelSubmit:function(){

this.list.push(this.inputValue)

this.inputValue=''

}

}

})

</script>

</body>

</html>


写回答 关注

3回答

  • 九猛龙
    2019-05-06 16:40:27
    已采纳

    new Vue里面没有function,而是个对象。

  • qq_正年轻_0
    2019-12-23 11:13:23

    2. 创建Vue实例时,没有function()

    http://img2.mukewang.com/5e0030cd00014f8807840418.jpg

  • qq_正年轻_0
    2019-12-23 11:12:42
    1. ul没有在挂载点root下,所以无法进行dom接管

    2. http://img1.mukewang.com/5e0030300001025011440253.jpg


vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146818 学习 · 657 问题

查看课程

相似问题