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

wswhy3
  • 182

写一个小案例

父组件:

<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>

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

这种情况会影响性能吗?

回复
阅读 739
2 个回答

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

一般不会影响吧,滚动这种情况对实时性要求不太高可以采用节流来限制下。

宣传栏