條件和迴圈 (Conditions & Loops)

假設宣告的數值如下

data: {
  show: true,
  users: [
    {name: 'Bob'},
    {name: 'Kathy'}
  ]
}

IF 條件

<p v-if="show">這會顯示</p>
<p v-else>這不會</p>

這會顯示

SHOW 條件

<p v-show="show">這會顯示</p>

這會顯示

FOR 迴圈

<p v-for="user in users">{{user.name}}</p>

Bob
Kathy

Codepen

See the Pen this pen by anxgang (@anxgang) on CodePen.