close
<div id="app">
{{list}} // [ { "name": "小明", "age": 16 }, { "name": "媽媽", "age": 38 }, { "name": "漂亮阿姨", "age": 24 } ]
<pre>{{list}} </pre> // 
[
  {
    "name": "小明",
    "age": 16
  },
  {
    "name": "媽媽",
    "age": 38
  },
  {
    "name": "漂亮阿姨",
    "age": 24
  }
]
<ul>
 
<li v-for ="(item ,index ) in list " v-if="item.age < 25">
{{index}} {{item.name}} {{item.age}} //
  • 0 小明 16
  • 2 漂亮阿姨 24
  • 只透出25歲以下
</li>
</ul>
</div>
 
<script>
var app = new Vue({
el: '#app',
data: {
list: [
{
name: '小明',
age: 16
},
{
name: '媽媽',
age: 38,
},
{
name: '漂亮阿姨',
age: 24
}
]
}
})
</script>
arrow
arrow
    文章標籤
    Vue
    全站熱搜

    code學習筆記中心 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄