3.28记录前端学习第二十三天
样式绑定语法细节，三个问题：
1、对象绑定和数组绑定可以结合使用吗？
答：可以
2、class绑定的值可以简化处理吗？
答：可以（将一个arrClasses绑定了两个样式值）
3、如果绑定v-bind时已有默认的类名会如何处理？
答：默认的会保留，不会被覆盖（类名应该没事，换成id估计就被覆盖了）
<div id="app">
<div v-bind:class='[activeClass, errorClass,{test:isTest}]'>测试样式</div>
<div v-bind:class="arrClasses"></div>
<div v-bind:class="objClasses"></div>
<div class="base" v-bind:class="objClasses"></div>
<button v-on:click="handle">切换</button>
</div>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
/*
样式绑定语法细节：
1、对象绑定和数组绑定可以结合使用
2、class绑定的值可以简化处理
3、默认的class如何处理？默认的class会保留，不会被覆盖
*/
var vm = new Vue({
el:'#app',
data: {
activeClass:'active',
errorClass:'error',
isTest:'true',
arrClasses:['active','error'],
objClasses:{
active:true,
error:true
}
},
methods:{
handle:function () {
// this.isTest = false;
this.objClasses.error = !this.objClasses.error;
}
}
});
</script>
今日计划
就往后学一点吧，今天还没洗碗，可能明天做的第一件事就是洗碗了吧，感觉每天都有类似洗碗、扫地拖地铲屎之类的事情等着我做，还是在南通比较好，以后如果有自己的家，一定要买一个扫地机器人，要扫拖结合的，再买一台洗碗机；可惜没有收盘子擦桌机。
