vue 语句

1.v-if

模板文件中


{{#if ok}}
   

Yes

{{/if}}

vue中

Yes

//添加else

Yes

No

//template v-if


2.v-show

Hello!

v-if 回创建和销毁对象,而v-show只是调用css的属性

3.v-for

(1)基本

  • {{ item.message }}
var example1 = new Vue({ el: '#example-1', data: { items: [ { message: 'Foo' }, { message: 'Bar' } ] } })
vue 语句_第1张图片
Paste_Image.png

(2)可选的第二个参数

  • {{ parentMessage }} - {{ index }} - {{ item.message }}
var example2 = new Vue({ el: '#example-2', data: { parentMessage: 'Parent', items: [ { message: 'Foo' }, { message: 'Bar' } ] } })
vue 语句_第2张图片
Paste_Image.png

(3)也可以用of语法


(4)