美文网首页vue3
vue3 hook函数

vue3 hook函数

作者: ME88 | 来源:发表于2021-10-26 11:17 被阅读0次

Vue3 的 hook函数 相当于 vue2 的 mixin, 不同在与 hooks 是函数

Vue3 的 hook函数   提高代码的复用性,  能在不同的组件中都利用 hooks 函数 ,可清晰的知道改文件来源与功能

1.在src目录下建立一个 hooks 文件夹

2.新建一个我们  要用的方法的名字.ts   文件(一般情况下use开头,例如useMouse.ts)

hook函数文件内容

最后将该文件引入到要使用的页面中

import useMouse from './hooks/useMouse'

export  default  defineComponent({

name:'App',

setup() {

const { x, y } = useMouse()

return { x, y}

 }

})

相关文章

  • Vue3——Hook函数 & 生命周期 & toRef和toRe

    一、Hook函数 Vue3 的hook函数相当于 vue2 的 mixin,不同点在于hooks是函数。Vue3的...

  • vue3 hook函数

    Vue3 的 hook函数 相当于 vue2 的 mixin, 不同在与 hooks 是函数 Vue3 的 hoo...

  • Vue3中的Composables组合式函数,Vue3实现min

    Vue3中的Composables是什么Vue3中的Composables 简单理解其实就是类React Hook...

  • netfilter hook函数

    HOOK函数注册 上图是netfilter中注册的部分hook函数.这些hook函数是通过 nf_register...

  • Vue3(三)高阶

    好看的网页千篇一律,有趣的代码万里挑一。2022新年好! 关键字: Vue3高阶\Hook函数\ 生命周期\toR...

  • Vue3 Hooks 替代了 Vue2 Mixins

    前言 我们知道,React社区,已经全面拥抱Hook。Vue3的发布也支持了自定义Hook,作为只会Vue2的前端...

  • react hooks学习

    Hook就是JavaScript函数,这个函数可以帮你钩入(hook into) React State以及生命周...

  • frida native hook

    本篇介绍 frida 也支持hook native,本篇看下如何hook native hook native函数...

  • Hook

    hook 介绍 Hook 是 React16.8 的新特性。Hook 就是 JavaScript 函数, 它可以让...

  • ImperativeHandle Hook

    ImperativeHandle Hook 函数:useImperativeHandle()

网友评论

    本文标题:vue3 hook函数

    本文链接:https://www.haomeiwen.com/subject/talggltx.html