- 父组件引入子组件
import userInfo from '@/components/user/userInfo.vue'
- 注册子组件
export default {
components: {
userInfo,
},
data(){
return{
popup:false,
}
},
methods:{
success(res){
this.popup =res
},
},
}
- 父组件使用注册完成子组件的html代码
<user-info v-show="popup" :author='author' @success='success(res)'></user-info>
- 子组件
<div class="author-bottom" @click="out">退出登录</div>
- 子组件函数
out(){
this.$emit("success", false);
}