指令

指令介绍

avm框架支持使用vue的一些指令，本文中列出了目前支持的指令。

v-text

v-text 主要用来更新文本标签内容。

<text v-text="msg"></text>

等价于

<text>{msg}</text>

v-show

v-show 根据表达式之真假值，切换元素的CSS属性display的值。

和v-if不同的是，如果v-if的值是false，则这个元素被销毁，不在dom中。而v-show的元素会始终被渲染并保存在dom中，它只是简单的切换css的dispaly属性。

<text v-show="isShow">hello!</text>

v-if

v-if 根据表达式来有条件的渲染原生。在切换时，元素及它的数据绑定、组件被销毁并重建。

<text v-if="isOk">hello!</text>

v-else

v-else 必须搭配v-if使用，它必须紧跟在v-if或者v-else-if后面，否则不起作用。

<text v-if="isOk">YES</text>
<text v-else>No</text>

v-for

v-for 根据遍历数组来循环渲染元素。

<view v-for="(item, index) in items"></view>

或者

<view v-for="item of items"></view>

里面的item、index可以更换为其它名称，如：

<view v-for="(_item, _index) in items"></view>

v-on

v-on 用于绑定事件。

<view v-on:click="doThis"></view>

或者使用简写模式

<view @click="doThis"></view>

v-bind

动态地绑定一个或多个 attribute。

<image v-bind:src="imgSrc"></image>

或者使用简写模式

<image :src="imgSrc"></image>