【零基础学会uniapp系列】2、 指令

指令

指令是带有 v- 前缀的特殊属性。

• 指令属性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。
• 指令的作用是，当表达式的值改变时，动态改变DOM元素的内容。
• 一些指令能够接收一个“参数”，在指令名称之后以冒号（ : ）表示。

v-bind

动态地绑定一个或多个属性，或一个组件 属性 到表达式。

• v-bind缩写为‘ : ’
• 在绑定 属性 时，属性 必须在子组件中声明。
• 可以用修饰符指定不同的绑定类型。

绑定可以直接应用到 class和style，可以实现动态的切换状态。 具体可参考Class 与 Style 绑定

<template>
        <view v-bind:class="{active: isActive}">背景颜色测试</view>
</template>

<script>
        export default {
                d