架构师

您现在的位置是:首页 > 程序人生 > 前端别闹

前端别闹

vue学习笔记:v-bind绑定数组语法

架构师小跟班 2020-06-03 前端别闹
绑定方式:数组语法。数组语法的含义是:class后面跟的是一个数组。数组语法有下面这些用法:<!--用法一:直接通过{}绑定一个类--><h2 :class="[&#39;active&#39;]">Hello World</

绑定方式:数组语法。数组语法的含义是:class后面跟的是一个数组。

数组语法有下面这些用法:

<!--用法一:直接通过{}绑定一个类-->
<h2 :class="['active']">Hello World</h2>
<!--用法二:也可以传入多个值-->
<h2 :class=“['active', 'line']">Hello World</h2>
<!--用法三:和普通的类同时存在,并不冲突-->
<!--注:会有title/active/line三个类-->
<h2 class="title" :class="['active', 'line']">Hello World</h2>
<!--用法四:如果过于复杂,可以放在一个methods或者computed中-->
<!--注:classes是一个计算属性-->
<h2 class="title" :class="classes">Hello World</h2>


文章评论