vue watch和computed的使用场景

watch: {
  // 如果发生改变，这个函数就会运行
  height() {
    this.changeFixed(this.width, this.height)
    // eventBus.$emit('onresize', {'height': this.height }) 或者通知其他组件变化
  }
},
methods: {
  changeFixed(width, height) { // 动态修改样式
    localStorage.setItem('Layout', JSON.stringify({'height': height }))
  }
}

 watch: {
   '$route': function(newroute, oldroute) {
    console.log(newroute, oldroute);
    // 可以在这个函数中获取到当前的路由规则字符串是什么
    // 那么就可以针对一些特定的页面做一些特定的处理
 }

computed:{
  addressListFilter(){
    return this.addressList.slice(0,this.limit);
  }
}

computed: {
  taskListfilter() {
    switch (this.type) {
      case 0: return this.taskList
      case 1: return this.taskList.filter(item => item.type === '实时单')
      case 2: return this.taskList.filter(item => item.type === '竞价单')
      // default :return this.taskList
    }
 }