如何使用父组件内部的计算属性更改子组件道具？

Question

我在从父组件更新道具使用计算属性时遇到问题

这是子组件中的脚本

var bgChild = {
  name: 'bg-image',
  props: {
    bgBoolean: {
     type: Boolean,
     required: true,
    },
    mb: {
     type: String,
     default: '../images/images.png'
    },
    dp: {
     type: String,
     default: '../images/imagesDp.png'
    }
  }
}

在我的父组件内部

const bgParent = Vue.extend {
  template: '#parent',
  components: {
    'bg-child': bgChild
  },
}

并在父标记内

<template id="parent">
  <div class="parent-div>
    <bg-child :src="bg-boolean ? md : dp"></bg-child>
  </div>
</template>

问题是我如何在父组件中使用计算属性更改bgBoolean的值？因为在父组件中，我想使用媒体查询功能来显示和隐藏图像。我会感谢您的帮助。