绑定样式
绑定class样式--字符串写法,适用于:样式的类名不确定,需要动态指定
<div class="basic" :class="mood" @click="changeMood">{{name}}</div>
绑定class样式--数组写法,适用于:要绑定的样式个数不确定、名字也不确定
<div class="basic" :class="classArr">{{name}}</div>
绑定class样式--对象写法,适用于:要绑定的样式个数确定、名字也确定,但要动态决定用不用
<div class="basic" :class="classObj">{{name}}</div>
绑定style样式--对象写法
<div class="basic" :style="styleObj">{{name}}</div>
绑定style样式--数组写法
<div class="basic" :style="styleArr">{{name}}</div>
```el和data两种写法
el
let 变量=new Vue(){}
变量.$mount('绑定对象')
$mount()挂载
ew Vue(){el:' '}
data
函数写法
data:function(){return{
obj
}}
使用组件必须用函数写法
this是Vue的实例对象
不能用箭头函数
普通写法
data:{对象
}