我是第一次尝试 vue.js,并且是一名初学者 javascript 程序员。我正在浏览 vue.js getting started page
我的html代码是:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>React Tutorial</title>
<script src="bower_components/vue/dist/vue.js"></script>
<script src="js/myVue.js"></script>
</head>
<body>
<div id="demo">
<h1>{{title | uppercase}}</h1>
<ul>
<li
v-for="todos"
v-on="click: done = !done"
class="{{done ? 'done' : ''}}">
{{content}}
</li>
</ul>
</div>
</body>
</html>
myVue.js 文件是
window.onload = function () {
var demo = new Vue({
el: '#demo',
data: {
title: 'todos',
todos: [
{
done: true,
content: 'Learn JavaScript'
},
{
done: false,
content: 'Learn Vue.js'
}
]
}
});
}
入门代码很旧,因为 v-repeat 已被弃用并被 v-for 取代。当我使用 v-for 时,我收到警告“v-for 中需要别名”。我还得到一个未捕获的类型错误“无法读取未定义的属性“create”。
JSFiddle 代码也不起作用。
最佳答案
v-for 需要别名
意味着您必须在 for 循环中命名变量,如下所示:
<li
v-for="todo in todos"
@click="todo.done = !todo.done"
v-bind:class="{'done' : todo.done}">
{{todo.content}}
</li>
关于javascript - vue.js 入门不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34940087/