计算属性和watch

计算属性compulate可以监听多个变量 watch只能监听一个变量
compulate有两个方法:get 和 set 当计算属性改变时会触发set函数

• compute

  var vm = new Vue({
        el:"#app",
        data:{
          firstname:"李",
          lastname:"四",
        },
        computed:{
          // fullName(){ //函数内部必须要有return
          //   return this.firstname+this.lastname
          // }

          fullName:{
            get(){
              return this.firstname+this.lastname
            },
            set(val){ //set方法时进行数据的设置
              this.firstname = val.substr(0,1)
              this.lastname = val.substr(1)
            }
          }
        }
      })

• watch

        new Vue({
            el:"#app",
            data: {
                person:{
                    value:"allen"
                }
            },
            watch:{//监听器
                person:{
                    immediate:true,//初始化的时候就监听操作
                    deep:true,//深度监听  内部的属性发生变化了，也会被检测到
                    handler(){
                        console.log("person发生改变了哦...")
                    }
                }
            }
        })