vue动态样式
1.class的对象绑定你好世界</标题><样式>.activated{颜色：红色；}</style></head><div:class="{activated:isActivated}"@click="handleClick"id="app">{{message}}</div>varapp=newVue({el:'#app',data:{message:'HelloWorld!!!',isActivated:false},methods:{handleClick:function(){this.isActivated=!this.isActivated}}})2.class数组绑定定<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><meta名称=“视口”内容=“宽度=设备宽度，初始化ial-scale=1.0"><title>HelloWorld{{message}}
varapp=newVue({el:'#app',data:{message:'HelloWorld!!!',activated:'',activatedOne:'activatedOne'},方法：{handleClick:function(){this.activated=this.activated==='activated'?"":'activated'this.activatedOne=this.activatedOne==='activatedOne'?"":'activatedOne'}}})分组样式绑定
<脚本src="./vue.js">HelloWorld{{message}} varapp=newVue({el:'#app',data:{message:'HelloWorld!!!',styleObj:{color:"black"}},方法：{handleClick:function(){this.styleObj.color=this.styleObj.color==="黑色"?"红色":"黑色";}}})
