Vue.js Vue Js v-1用于

我是vue.js的初学者。我想在html中使用

v-for

从app.js获取数据，并将其显示在单独的div中。我想为每个todo添加一个独立的背景和一个独立的文本

var示例=新的Vue({
el:“示例”，
数据：{
待办事项：[
{id:1，名字：“ŞEHİR MERKEZİ”}，
{id:2，姓名：“HÜDAİKAPLICA”}，
{id:3，姓名：“AFYONKARAHİSAR”}
]
}
})

{{todo.name}
是梅尔凯兹·泽尔加希尼·奥纳利约尔·穆苏努兹吗？
埃维特
哈伊尔

您可以做的是将背景色和描述添加到

todos

对象中。 我还对你的数据函数做了一些修改

var示例=新的Vue({
el:“示例”，
数据（）{
返回{
待办事项：[
{id:1，名字：“ŞEHİR MERKEZİ”，背景：'#FFF'，desc:'desc1'}，
{id:2，姓名：“HÜDAİKAPLICA”，背景：'#ff0000'，描述：'desc2'}，
{id:3，姓名：“AFYONKARAHİSAR”，背景：'#cecece'，描述：'desc3'}
]
}
}
})

{{todo.name}
{{todo.desc}}
是梅尔凯兹·泽尔加希尼·奥纳利约尔·穆苏努兹吗？
埃维特
哈伊尔