v-model和v-text指令
这是双向数据绑定:
@click事件绑定和传值
请输入要传的值:
点击测试
复杂插值表达式
名字:
年龄:
我的名字是{{person.name}},今年{{person.age}}岁
v-show指令复杂表达式
点击{{curVal === 'show' ? '隐藏' : '显示'}}
我显示了
:class属性绑定
切换样式
表达式:
:class="{active: active}"
active: {{active}}
表达式:
:class="[errorClass,classType > 0 ? 'status1' : 'status0']"
errorClass: {{errorClass}},classType: {{classType}}
:href和:title属性绑定
输入要跳转的链接
这是要跳转的链接: {{hrefVal || '无'}}
输入要显示的title
这是要显示的title: {{titleVal || '无'}}
点击跳转
:src属性绑定
上一张
下一张