子组件修改父组件值

1. 父组件引入子组件
   import userInfo from '@/components/user/userInfo.vue'
2. 注册子组件

export default {
    
    
  components: {
    
    
    userInfo,
  },
  data(){
    
    
    return{
    
    
      popup:false,
    }
  },
  methods:{
    
    
    success(res){
    
    
      this.popup =res
    },
  },
}

3. 父组件使用注册完成子组件的html代码

<user-info v-show="popup" :author='author' @success='success(res)'></user-info>

4. 子组件

 <div class="author-bottom" @click="out">退出登录</div>

5. 子组件函数

	out(){
    
    
            this.$emit("success", false);
        }