vue数据绑定-事件绑定-样式绑定
DataBindingDOM内容绑定插值表达式注意事项1.插值表达式可以使用简单的操作，如三元运算、字符串拼接、算术运算2.插值表达式可以调用函数，例如：{{fn()}}3.对于复杂的计算或数据处理，您应该使用计算属性或函数插值表达式。问题1.会闪烁（解决办法是用v-cloak或者v-text代替插值表达式）v-text和插值表达式效果是一样的，只不过是写在标签属性
强烈建议使用v-text代替插值表达式v-html该指令存在安全隐患，所以只能用于你自己的内部数据，不能被用于第三方数据。
DOM属性绑定v-bind注意事项1.响应式2.支持动态处理属性3.速记v-bind:src="xxx"--->:src="xxx"事件绑定v-on1，简写为v-on:clock="onClick"--->@click="onClick"2，有2种事件调用方式：click="fn(params,$event)":click="fn"样式绑定2种样式绑定方式1.使用class属性动态修改2.使用style属性动态修改类绑定的样式通过修改类的类名改变样式对象的写法attribute//key是类名
exportdefault{data(){return{title:'Hello',isRed:true}},方法:{changeColor(){this.isRed=!this.isRed;}}}数组写入//数组元素变量对应的值为类名exportdefault{data(){return{errorClass:'error',activeClass:'active}},方法：{changeColor(){this.errorClass='';}}}注意事项1.对象和数组可以混用（数组包对象）2.类名有多个怎么写更优雅？（推荐）exportdefault{data(){return{objClass:{active:true,error:false}}},methods:{changeColor(){this.isRed=!this.isRed;}}}3.如何处理默认类名通过样式绑定v-model1进行双向绑定，包括两个东西：事件绑定和数据绑定2、响应式自实现v-model
