05-Vue的举例：列表功能

文档摘要

title: 05-Vue的举例：列表功能 publish: true 列表功能举例步骤 1：列表功能完整的代码如下：代码分析：数据是存放在data的list中的，将data中的数据通过遍历给表格。上方代码运行的效果：步骤 2：无数据时，增加提示如果list中没有数据，那么表格中就会只显示表头，这样显然不太好看。为此，我们需要增加一个判断：当数据为空时，显示提示。如下：代码解释：指的是让当前这个横跨4个单元格的位置。如下：步骤 3：item的添加具体实现步骤如下：（1）用户填写的数据单独存放在data属性里，并采用进行双向绑定。（2）用户把数据填好后，点击add按钮。