vue 一个实时获取的参数 分别传递给多个组件 会影响性能吗

Question

写一个小案例

父组件：

<template>
    <components1 :scrolled="scrolled"></components1>
    <components2 :scrolled="scrolled"></components2>
    <components3 :scrolled="scrolled"></components3>
</template>
<script>
    data(){
        return{
            scrolled:0,
            //对应该页面的数据json
            data:[]
        }
    },
    methods:{
        onScroll(){
            this.scrolled = document.documentElement.scrollTop || document.body.scrollTop;
        }
    },
    mounted(){
        window.addEventListener('scroll', this.onScroll);
    }
</script>

当前的鼠标滚动位置 会不停的传递给三个组件 分别使用

这种情况会影响性能吗？

Answer 1

虽然这个值在频繁变动，但是没有问题，不要太小看 Vue 了??