vue中的父组件改变子组件的data的值

<template>
  <div>
    <div @click="changeChild">按钮改变子组件数据</div>
    <children ref="childCompent"></children>
   </div>
</template>

    <script>
        methods: {
            changeChild() {
                this.$refs.childCompent.isFocus= true
            }
        }
    }
    </script>

核心方法：

注： this.$refs.childCompent.isFocus isFocus就是子组件的data属性