#4.3  v-for 出一個對象(物件)

by BDeer

HTML

<ul id="app">
  <li v-for="item in object">
  {{ item }}
  </li>
</ul>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

h2 {
  font-weight: bold;
  margin-bottom: 15px;
}

del {
  color: rgba(0, 0, 0, 0.3);
}

Vue

let vm = new Vue({
 el: '#app',
 data:{
  object:{
   FirstName:'John',
   LastName:'Doe',
   age:30
  }
 }
})