SOURCE

console 命令行工具 X clear

                    
>
console
var msg={"code":1,"message":"操作成功","data":[{"isExpert":0,"cDate":"2017-06-09 15:13:04","nickname":"近","fans":14,"dDate":"2017-07-18 13:43:40","image":"http://mooc-10050339.file.myqcloud.com/image/201704/214263187620950.jpg","content":"[笔记]回看","id":786003,"new":0,"viewDate":"2017-08-25 10:33:22","gender":1,"isAdmin":0,"attention":14},{"isExpert":1,"cDate":"2017-06-07 10:21:41","nickname":"家长慕课客服","fans":18,"dDate":"2017-08-25 20:53:07","image":"http://mooc-10050339.file.myqcloud.com/image/201707/355581273343732.png","content":"[评论]感谢家长们","id":807869,"new":1,"viewDate":"2017-08-24 15:13:35","gender":0,"isAdmin":0,"attention":25},{"isExpert":1,"cDate":"2017-06-05 20:05:28","nickname":"蔡园园老师","fans":120,"dDate":"2017-08-24 09:57:41","image":"http://mooc-10050339.file.myqcloud.com/image/201706/1496531007528.703857.jpg","content":"[直播]暑期倒计时,收心小妙招","id":808609,"new":1,"gender":0,"isAdmin":0,"attention":6},{"isExpert":0,"cDate":"2017-05-23 09:40:50","nickname":"何仁霞","fans":8,"dDate":"2017-08-24 08:04:09","image":"http://mooc-10050339.file.myqcloud.com/image/201705/1495103055918.219971.jpg","content":"[笔记]家长以身作则","id":791618,"new":1,"gender":0,"isAdmin":0,"attention":27},{"isExpert":0,"cDate":"2017-04-05 11:55:31","nickname":"清晨","fans":3,"dDate":"2017-06-21 19:46:55","image":"http://mooc-10050339.cos.myqcloud.com/image/201704/1493169968125.webp.jpg","content":"[评论]我家儿子太皮","id":40000,"new":0,"viewDate":"2017-08-11 10:15:50","gender":1,"isAdmin":1,"attention":13},{"isExpert":0,"cDate":"2017-03-03 14:44:21","nickname":"天后","fans":32,"dDate":"2017-08-25 09:06:20","image":"","content":"[笔记]最好的父母就是看着孩子眼睛把话听完的父母","id":310413,"new":1,"gender":1,"isAdmin":0,"attention":14}],"pageCount":1,"count":6}
        console.log(msg);
        var ii = {};
         vue=new Vue({
            el:"#app",
            data:{
              sites:msg.data
            }
          })
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>  
<div id="app">
    <li v-for="site in sites">
     昵称: {{site.nickname}} <br>性别 :
      <img src="http://m.jiazhangmooc.com/img/my/kecheng_male_icon@2x.png" v-if="site.gender===1">
      <img src="http://m.jiazhangmooc.com/img/my/kecheng_female_icon@2x.png"  v-if="site.gender===0">

    </li>
  </div>
ul>li{
  list-style:none;
}
ul{
  list-style:none;
}