const app = new Vue({
    el:'#app',
    data:{// 数据
      msg:"1",
      type : '1',
      state : 1,
      username:'',
      list:["item1","item2","item3","item4"],
      selectiD:"",
      firstClass:{
        color:true,
        wh:true,
        wh2:false
      },
      firstClass2:["color","wh"]
    },
    computed:{//计算属性
      totalCount (){
          // 使用时  可通过 {{ totalCount }} 使用
          let number = 0
          number += this.state ;
          return number;
      },
      isAll:{
        get(){
          return 1
        },
        set(value){

        }
      }
    },
    watch:{//监听器  监听值的变化

      // deer:true
      // immediate:true

      firstClass2 :{
        deer:true,     // 监听整改对象
        immediate:true,// 一进数据 ,默认执行一次
        handler (newValue){

        }
      },
      username (newValue){
        console.log("--"+newValue)

        // 防抖 操作
        clearTimeout(this.timer)
        this.timer = setTimeout(()=>{

        },300)

      }
    },
    methods:{//方法 ,函数
        fn(e){
          // e.stopPropagation()
            alert("点击了按12213钮")
        }
    }

  })