Javascript VueJS打印空对象项

所以我有一个项目应用程序，你可以在其中添加项目。在初始加载时，当用户需要创建一个新项目时，我需要打印出5个表行，以便用户可以在这些行中输入信息。由于这些行绑定到

项目

变量，并且此项目是新项目，因此数组为空，因此不会打印任何内容

所以我想问题是我怎么能“伪造”那些空记录

有人知道这方面的工作吗

这是我目前的代码：

HTML

<tr v-for="item in project.items">
                        <td>1</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>

---

您可能需要在这里分离关注点。您应该有一些只显示初始项目的东西，它有5行，包含您希望用户看到的任何初始值。然后提供一些功能来更新或将其设置为新项目。单独允许用户显示数据库中存储的项目

使用示例更新

在查看脚本之后，听起来您将

setProject

方法更像是一个getter而不是setter。当有人定义了他们的数据后，setter应该进行更新或将其添加到数据库中的工作。

getProject

方法检索信息并显示该信息

newvue({
模板：`
{{item.val}}
`,
数据（）{
返回{
项目：{
项目：[
{val:'a'}，{val:'b'}，{val:'c'}，{val:'d'}，{val:'e'}
]
},
};
},
创建（）{
这个.setProject（）；
},
方法：{
/**
*集合项目
*/
setProject（）{
//这听起来像get方法，而不是集合
/**
*将检查项目id并从db获取它
*/
},
}
}).$mount（“#app”）

您最初需要一个由
1,2,3…
填充的表？只需创建一个具有初始值的数组
[]
=>
[1，“，”，…]
。我确实想避免类似的情况，但我想我不能从无到有。谢谢你的解决方案
export default {
    data() {
        return {
            project: {
                items : []
            },
        };
    },
    created() {
        this.setProject();
    },
    methods : {
        /**
         * Sets Project
         */
        setProject(){
            /**
             * Will check for project id and get it from db
             */
        },

    }
}