<template>
  <div>
    <!-- el實(shí)現(xiàn) -->
    <el-form>
      <el-form-item label="相關(guān)人員">
        <el-select class="filter-item" multiple v-model="forms.teamuser" placeholder="請(qǐng)選擇相關(guān)人員" style="width: 100%;">
          <el-option v-for="(item,index) in forms.messageuser" :key='index' :label='item' :value='index'>
          </el-option>
        </el-select>
      </el-form-item>
    </el-form>

  </div>
</template>
<script>
  export default{
    data(){
      return{
       forms:{
         teamuser:'區(qū)域1',
         messageuser:['區(qū)域1','區(qū)域2','區(qū)域3']
       }, 
    }
    },
    //深度監(jiān)聽對(duì)象屬性變化
    computed:{
      teamuser(){
        console.log(this.forms.teamuser)
        return this.forms.teamuser        
      }
    },
    watch:{
      teamuser(){
        console.log('watch方法執(zhí)行了'+this.forms.teamuser)        
      }
    }
  }
</script>

如上代碼,為什么computed屬性可以作為watch的中間件,從而實(shí)現(xiàn)可以監(jiān)聽對(duì)象forms的teamuser屬性