vue 组件传值

子传父：

子


data(){
        return{
           isCollapse: true
        }
     },
     methods:{
       asideOnOff(){
         this.isCollapse= !this.isCollapse
         this.$emit('asideOnOff',this.isCollapse)
       }
     }

父：


methods:{
    asideOnOff(data){
      console.log(data)
    }
  }

父传子：

父：
 

methods:{
     asideOnOff(data){
       this.isCollapse=data
     }
   }

子：


 props:{
     isCollapse:{
         type:Boolean
     }
   },
   watch:{ //watch监听数据发生变化更新当前组件状态
      isCollapse(val){
          this.isShow=this.$props.isCollapse
      }
   },