Class 与 Style 绑定

1.Class绑定

一个class类可以有多个用空格分隔， 定义一个高宽为200像素的盒子颜色为绿色。

当box2中添加背景颜色为红色它会继承box1的高和宽，并覆盖原来的css样式。

除了上面这种方式，还可以有动态Class实现，用v-bind中的class，要注意的是直接写类名是作用不上的，需要加上单引号包裹起来。效果都是一样的

v-bind:class =" "，可以用boolean类型来控制它是否起作用，在双引号中加上大括号

语法：类名:true或false。

当然也可以用声明响应式来实现。定义一个变量储存true或false，还可以用三元表达式形式

我经常使用的是第三种方式。

 加一个定时器效果。

2.Style 绑定内联

正常写是。

<view class="box1" style="width:300px">
	内联样式
</view>

当时加上v-bind:时就不可以这样写了，需要用上大括号将属性包裹，如果有字符串的话一定要加上单引号。

css样式中有些属性用  ("-") 分隔的，当时你想在v-bind:style中使用，可以使用驼峰或用单引号包裹。

还有一种方法，定一个变量存起来。