html 假数据,HTML导入vue.js后v-for使用时不能显示假数据

Document

.grid{

margin: auto;

width: 500px;

text-align: center;

}

.grid table {

width: 100%

border-collapse : collapse /*这里的","还一直报错*/

}

.grid th,td{

padding: 10;

border: 1px dashed orange;

height: 35px;

line-height: 35px;

}

.grid th {

background-color: orange;

}

编号名称时间操作

{{item.id}}{{item.name}}{{item.date}}

修改

|

删除

/*

*/

var app = new Vue({

el:'#app',

data: {

books:[{

id: 1,

name: '东',

date: ''

},{

id: 2,

name: '西',

date: ''

},{

id: 3,

name: '南',

date: ''

},{

id: 4,

name: '北',

date: ''

}]

}

});