Vue3 的 hook函数 相当于 vue2 的 mixin, 不同在与 hooks 是函数
Vue3 的 hook函数 提高代码的复用性, 能在不同的组件中都利用 hooks 函数 ,可清晰的知道改文件来源与功能
hook函数文件内容1.在src目录下建立一个 hooks 文件夹
2.新建一个我们 要用的方法的名字.ts 文件(一般情况下use开头,例如useMouse.ts)
最后将该文件引入到要使用的页面中
import useMouse from './hooks/useMouse'
export default defineComponent({
name:'App',
setup() {
const { x, y } = useMouse()
return { x, y}
}
})
网友评论