vue 父组件内，页面滚动的时候，动态向子组件传 scrolltop 子组件接收不到

问题描述：

父组件内，页面滚动的时候，动态向子组件传 scrolltop 子组件接受不到

父组件：

<vf-header :scroll-top="scrollTop"></vf-header>
mounted(){
    window.addEventListener('scroll', function(){
                this.scrollTop = document.documentElement.scrollTop ||             document.body.scrollTop;
    },true)
}

子组件：

props: {
    scrollTop: Number,
},
watch:{
    scrollTop(newVal,oldVal){
        if (newVal) {
            this.childScrollTop = newVal;
        }else{
            this.childScrollTop = 0;
        }
    }},

function imgpic($content) {$pattern="/<img[\s\S]*?src\s*=\s*[\"|\'](.*?)[\"|\ ...