技术学习 | 分类 | 衔蝉 Blog

技术学习

在练习 Vue3 项目时，用到了 vue-router，所以这里就记录一下，在 Vue3 里，是如何去安装和使用的……

JS 中所有任务可以分为 2 种，一种是同步任务（synchronous），一种是异步任务（asynchronous），而异步任务，又可以分为宏任务和微任务……

css新特性：插槽选择器、全局选择器、动态CSS、CSSmodule…….

由于 Vue3 没有 Prototype 属性，所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量……

本文记录自定义指令的钩子函数和基本使用方式，包含自定义图片懒加载、窗口拖拽、权限按钮这些案例……

可以使用Mitt库：通过emit派发事件，on方法添加事件，off方法移除事件，clear清空所有事件

v-model在组件上可以实现双向绑定，首先让我们回忆一下v-model在原生元素上的用法…..

provide可以在祖先组件中指定我们想要提供给后代组件的数据或方法，而在任何后代组件中，我们都可以用Inject来接收provide提供的数据或方法

<TransitionGroup>是一个内置组件，用于对v-for列表中的元素或组件的插入、移除和顺序改变添加动画效果……

Pinia 是 Vue 生态里 Vuex 的替代者，是一个全新的 Vue 的状态管理库，允许跨组件/页面共享状态……

transition有八个生命周期，1. @before-enter="beforeEnter" ：对应enter-from 2. @enter="enter" ：对应enter-active 3. @after-enter="afterEnter" ：对应enter-to 4. @enter-cancelled="enterCancelled" ：显示过渡被打断 5. @before-leave="beforeLeave" ：对应leave-from 6. @leave="leave" ：对应enter-active 7. @after-leave="afterLeave" ：对应leave-to 8. @leave-cancelled="leaveCancelled" ：离开过渡被打断……

Vue提供了transition的封装组件，在条件渲染(v-if)、条件展示(v-show)、动态组件、组件根节点等情形中，可以给任何元素和组件添加进入/过渡效果……

1 2 3

衔蝉

一个普通的干饭人🍚

最新发布

公告

type

status

date

slug

summary

tags

category

icon

password

✨欢迎来到衔蝉的博客小站✨

这里是我的个人学习、生活记录

--- 免责声明 ---

⚠️ 本站内容仅代表个人观点

⚠️ 本站内容仅供学习参考使用

--- 关于我 ---

我要如加菲猫一般地活着

一大碗杂碎面

就能换来一个艳阳天🌻