vue3
文章平均质量分 92
记录vue3相关的开发技巧 项目总结等
JackChouMine
前端程序员
展开
-
vue3 watch 最佳实践
同步的 watch 和 watchEffect,vue 会自动停止监听,异步地执行 watch 和 watchEffect 才需要开发者手动停止。4 个 watchEffect 的回调都会立即执行,2 秒后,只有第三个 watchEffect 的回调执行。监听变化,ref 比 reactive 心智负担更加小,监听 reactive 的深层次属性,需要添加。的侦听器来说,使用 watchEffect,可以消除手动维护依赖列表的负担。注意,watchEffect 不支持深度监听,需要深度监听,使用。原创 2024-06-24 10:55:03 · 1412 阅读 · 0 评论 -
vue 中监听生命周期事件
,添加了额外的变量onResize,感觉有点多余;监听resize的逻辑分散在不同的生命周期中,不好维护。使用监听生命周期事件// hook:lifeHook $once 只执行一次})凡在销毁时执行的操作,都可这样优化。有人说方式1的问题不大,也没有优化多少,似乎没有多少用。原创 2024-06-22 21:45:48 · 1360 阅读 · 2 评论 -
生产级别的 vue
这个课程没有想象中的好,只推荐 vue 使用经验只有 2 年内的前端学习。原创 2024-06-18 10:18:40 · 928 阅读 · 0 评论 -
vue3中如何使用pinia -- pinia使用教程(一)
pinia 是一个 Vue3 的状态管理库,它的 API 设计和 Vuex 有很大的相似之处,但是它的实现方式和 Vuex 完全不同,它是基于 Vue3 的新特性。这种方案,也不好,要是组件挂载多次,就会创建多个 store,这个 store 也不会被销毁,但是可以手动销毁的 API。上面的 useCounter 使用选项式 api 创建,pinia 也支持组合式 api, 这和 vue3 的组合式函数非常贴近,使用上更加简单。使用一个工厂函数,组件每次挂载,都会执行工厂函数,返回一个新的 store。原创 2024-06-17 10:06:42 · 962 阅读 · 0 评论 -
vue2 vue3 中指令总结
使用方式vue2 指令定义方式钩子的参数指令钩子和组件生命周期的执行顺序是怎样的?vue3 中的指令定义方式hook vs 指令指令钩子函数和组件生命周期的执行顺序指令和 render 函数指令用在 jsx 上指令和 render 函数一起使用最佳实践其他问题参考小结vue 内置了一些指令,也提供了自定义指令的接口。指令的作用:可把一些可复用的逻辑封装成指令,以实现逻辑复用,尤其是需要直接操作 DOM 时,可把这些操作封装成指令,能极大提高代码复用性和可维护性。指令按照使用范围看,分为全局指令和。原创 2024-06-14 11:36:24 · 1232 阅读 · 1 评论 -
vue 中的样式
将 vue component 转为 web component,deep 样式不生效。感觉在模板语法中用 style module,不如 scoped 好,更加适合 JSX。style module 能很好做到样式隔离,原理:重写选择器,使其全局唯一。标志,可以把样式作用范围限制在组件内,即组件内部的样式不会影响外部的样式。开发体验好,使用 scss 、less 等预处理,能提高开发效率和体验。今天看看 vue 的样式解决方案,能否满足以上要求。选择器,可将父组件的样式作用到子组件内部。原创 2024-06-13 10:34:33 · 701 阅读 · 0 评论