2018-09-11

<!DOCTYPE html>
<html lang="en">
1    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    table{
        width: 300px;
        color: #ff7c35;
    }
</style>
<body>
<div id="nbsp">
   <table border="1" cellspacing="0">
       <tr>
           <th>编号</th>
           <th>名称</th>
           <th>单价</th>
       </tr>
       <tr v-for="(value,index) in fruit">
           <td>{{index+1}}</td>
           <td>{{value.name}}</td>
           <td>{{value.price}}</td>
       </tr>
   </table>
</div>
<script src="js/vue.js"></script>
<script>
    new Vue({
        el:"#nbsp",
        data:{
            fruit:[
                {name:"apple",price:3},
                {name:"banana",price:3},
                {name:"mailefaolen",price:1000}
            ]
        }
    });
</script>
</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容