Vue

by MoruoFrog

HTML

<div id="app">
  <p>It's {{ firstUser.name }}'s show time</p>
  <div>total: {{ total }}</div>
</div>

Vue

const user = []
let i = 0
while (i++ < 50000) {
  user.push({
    id: i,
    age: 18,
    name: `kun_${i}`,
    alais: 'Irving',
    gender: 'female',
    education: 'senior high school',
    height: 'xxx',
    weight: 'xxx',
    hobby: 'xxx',
    tag: 'xxx',
    skill: {
      sing: 0,
      dance: 0,
      rap: 0,
      basketball: 100,
    },
  })
}

new Vue({
  el: "#app",

  data: {
    userList: user,
  },

  computed: {
    firstUser() {
      const userList = this.userList
      return userList.length ? userList[0] : {}
    },

    total() {
      return this.userList.length
    },
  },
})