原理父组件修改子组件数据步骤给子组件添加 ref 属性<组件名 ref="xxx"/>通过this.$refs.子组件引用.子组件数据=新值。this.$refs.xxx.子组件数据 = 新值

key的作用由于 Vue 会复用相同组件, 所以当同一个组件不同路由发生跳转时将不在执行created, mounted之类的钩子函数 , 设置key之后会在虚拟DOM阶段比对跳转前后得key值,如果不同则重新销毁重建页面key的属性值key属性值为 $route.path<router-view :key="$route.path"/>1.当路由地址变化为 /category/sub

1.获取DOM位置，手动判断domRect = element.getBoundingClientRect();DOMRect 它是包含整个元素的最小矩形，包括其填充和边框宽度。2.使用useIntersectionObserver()作用 : 就是依靠h5的直接判断元素进入可视区域的比例来实现监听进入可视区域行为使用方法 :1.下载@vueuse/corenpm i @vueuse/core2.