2018-09-11

    <!DOCTYPE html>

    </html lang=""en">

    <head>

        <meta charset="UTF-8">

        <title>Document</title>

    </head>

    <body>

        <div class="ids">

            <ul>

                <li v-for="value in arr">{{value}}</li>

                <li v-for="val in obj"></li>

                <li v-for="(ins,sda) in  arr"></li>

                <li v-for="value in ars">{{value.num}}{{value.name}}{{value.price}}</li>

            </ul>

            <table border="1">

                <thead>

                    <tr>

                        <th>编号</th>

                        <th>名字</th>

                        <th>单价</th>

                    </tr>

                </thead>

                <tbody>

                    <tr v-for="val in ars">

                        <td>{{val.unm}}</td>

                        <td>{{val.name}}</td>

                        <td>{{val.price}}</td>

                    </tr>

                </tbody>

            </table>

        </div>

        <script src="js/vue.js"></script>

         <script>

             new Vue({

                el:".ids",

                data:{

                    arr:[1,2,23,24],

                    obj:{

                        name:"名字",

                        age:18

                    }

                    ars:[

                        {num:1,name:apple,price:3}

                        {num:2,name:banner,price:2}

                        {num:3,name:orange,price:5}

                    }

                }

        })

         </script>

    </body>

    </html>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 给你 我 轰轰烈烈 的 渴望和温柔 给你 我 百转千回 的 喜乐和忧愁 ——毛不易《给你给我》
    Answers_b212阅读 186评论 0 0
  • 午:鸡肉牛油果生菜沙拉、树莓 晚:炸鸡翅、火龙果 活动:写点东西 感受:工作上有点焦虑,有点不安……心理状态是有压...
    大公主要叛逆阅读 151评论 0 0

友情链接更多精彩内容