console 命令行工具 X clear

console

var app = new Vue({
  el: '#app',
  data: {
    qbl: [{
      name: 'a1'
    },
    {
      name: 'a2'
    },
    {
      name: 'a3'
    },
    ],
    qbil: [{
      name: '菜虚鲲',
      age: '18',
      gender: '不明',
      hobby: '唱、跳、rap、篮球'
    },
    {
      name: '乔碧萝',
      age: '不详',
      grnder: '颜值主播',
      hobby: '萝莉音'
    }],
    dx: {
      name: 'van',
      DateOfBirth: '1972年10月24日',
      dark: 'FA♂Q！'
    }

  }
})

<!DOCTYPE html>
<html lang="en">
  
  <head>
    <meta charset="UTF-8" />
    <title>
      v-for
    </title>
  </head>
  
  <body>
    <div id="app">
      <ul>
        <li v-for="(zl,index) in qbl">
          {{index}}-{{zl.name}}
        </li>
      </ul>
      <ul>
        <template v-for="az in qbil">
          <li>
            姓名:{{az.name}}
          </li>
          <li>
            年龄：{{az.age}}
          </li>
          <li>
            姓名：{{az.gender}}
          </li>
          <li>
            爱好:{{az.hobby}}
          </li>
        </template>
      </ul>
      <p v-for="(van,key,index) in dx">
        {{index}}-{{key}}-{{van}}
      </p>
      <p v-for="a in 9">
        <b v-for="b in a">{{b}}*{{a}}={{a*b}} , </b>
      </p>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">
    </script>
  </body>

</html>