vue3 hook函数

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}

 }

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容