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>

今日计划
就往后学一点吧，今天还没洗碗，可能明天做的第一件事就是洗碗了吧，感觉每天都有类似洗碗、扫地拖地铲屎之类的事情等着我做，还是在南通比较好，以后如果有自己的家，一定要买一个扫地机器人，要扫拖结合的，再买一台洗碗机；可惜没有收盘子擦桌机。