vue笔记（一）

vue class和style的动态绑定的方法有：对象，数组

对象绑定

代码

代码

效果

在data中的定义一个变量isActive，当为true是添加样式blue，为false时不添加。

数组绑定

代码

效果

可以看到数组里也可以有对象绑定，而数组绑定需要从data里定义一个变量，变量的值是样式的名称，不可以直接把样式的名字直接加到数组里面，不然会报错。

代码

style的动态绑定和class的差不多。

效果

代码

数组里也可以用三元运算符这种方式来决定是否要添加，还可以结合其它，比如-v-for，在data里定义一个数组，数组的值是样式的名称，也可以在里面加一个布尔类型，这样在渲染的时候可以通过布尔值来确定，是否来添加这个样式。