指令

指令介紹

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

v-text

v-text 主要用來更新文本標(biāo)簽內(nèi)容。

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

等價于

<text>{msg}</text>

v-show

v-show 根據(jù)表達式之真假值，切換元素的CSS屬性display的值。

和v-if不同的是，如果v-if的值是false，則這個元素被銷毀，不在dom中。而v-show的元素會始終被渲染并保存在dom中，它只是簡單的切換css的dispaly屬性。

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

v-if

v-if 根據(jù)表達式來有條件的渲染原生。在切換時，元素及它的數(shù)據(jù)綁定、組件被銷毀并重建。

<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 根據(jù)遍歷數(shù)組來循環(huán)渲染元素。

<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

動態(tài)地綁定一個或多個 attribute。

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

或者使用簡寫模式

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