Class6 - v-model|v-bind
作者:©Mrlin(史密斯林)
简介:学习记录,用于记录在CSDN课程中的学习内容。
课程:Vue2.x从入门到实战。Vue.js Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动.(来自官方介绍)
v-model
v-model
用于双向绑定数据,有以下修饰符:
源代码
1 |
|
v-bind
响应更新,常用于绑定class
,绑定style
等
绑定class的三种方式
直接绑定
1
<div v-bind:class="classB"></div>
真值绑定
1
<div v-bind:class="{classA:isOk1}"></div>
三元表达式绑定
1
<div v-bind:class="isOk2?classA:classB"></div>
源代码
1 |
|