vue3
文章平均质量分 97
muzidigbig
凡事第一反应,找方法,而不是找借口;发现问题,反思,而不是急着辩解。
展开
-
Vue3基础
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。- 类似于vue2.x中的 mixin。- 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。Vue Mixin 用法(实质是抽离出一个公共的vue实例)_vue app.mixin 公共函数-CSDN博客Vue3.x 中 hooks 函数封装和使用_mxin和钩子的区别-CSDN博客在vue框架中事件分为两种:一种是原生的DOM事件,另外一种自定义事件。原创 2024-03-22 21:41:32 · 1354 阅读 · 0 评论 -
Vue中 实现自定义指令(directive)生命周期及应用场景
/ 如果你只需要执行绑定的 bind 和 update 两个事件,vue指令定义也配置了简写方式.})new Vue({router,store,原创 2023-11-30 11:40:15 · 1936 阅读 · 0 评论 -
Vue3.x 中 hooks 函数封装和使用
Vue3 自定义 Hooks 是组件下的函数作用域的,而 Vue2 时代的 Mixins 是组件下的全局作用域。Vue2 时代 Option Api ,data、methos、watch.....分开写,这种是碎片化的分散的,代码一多就容易高耦合,维护时来回切换代码是繁琐的!utils 是通用的工具函数,而 hooks 是对 utils 的一种封装,用于在组件中共享状态逻辑和副作用。它的主要作用是 Vue3 借鉴了 React 的一种机制,用于在函数组件中共享状态逻辑和副作用,从而实现代码的可复用性。原创 2023-11-30 10:25:28 · 1477 阅读 · 0 评论 -
Vue3 组件之间的通信
使用defineEmits(['xxx'])原创 2024-03-22 21:43:27 · 1047 阅读 · 1 评论