vue3.0中hook封装函数简单流程_vue3如何更好的封装hook

作者：weixin_40725706 | 2024-03-17 17:53:54

踩

vue3如何更好的封装hook

1.新建hook文件夹

2.创建文件文件以use开头 useComeBack.vue为例


<script lang="ts">
import { defineComponent } from 'vue'
export default function(){
    let backTop = () =>{
          document.body.scrollTop = document.documentElement.scrollTop=0;
      }
      return {backTop}
}
</script>

3.在需要用到这个方法的地方引用


import useComeBack from "@/hook/useComeBack.vue"
 
 
onMounted(()=>{
        const {backTop}=useComeBack()
        backTop()
      })

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/257333