vue动态绑定类的方法

　　介绍

这篇文章主要介绍了vue动态绑定类的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

vue。js的核心是一个响应的数据绑定系统,它允许我们在普通HTML模板中使用特殊的语法将DOM“绑定”到底层数据。

被绑定的DOM将与数据保持同步,每当数据有改动,相应的DOM视图也会更新。基于这种特性,通过vue。js动态绑定类就变得非常简单。

vue指令以v -前缀标示,数据绑定的指令v-bind:属性名,简写为:属性名,简单的数据绑定例子如下:

& lt; v-bind: href=https://www.yisu.com/zixun/? 　　简写: 　　<一个:href=" http://www.cnblogs.com/">博客园首页

vue的分隔符默认是{{}},在分隔符里面的字符串会被认为是数据变量,可以通过<代码>类=皗{className}}“方式设置类,但是vue不推荐这种方式与v-bind:类的方式混用,二者只能选其一。

<代码> v-bind:类>

2.1 v-bind:类支持字符串类型,不建议这样使用,因为字符串值是固定不变的,无法实现动态改变类的需求

HTML代码: 　　& lt; div:类=?& # 39;classA classB& # 39;“在Demo1