Vue | 标签 | 衔蝉 Blog

最近在项目中需要做可视化数据展示，好久没用echarts图表了，遇到了一点小问题，记录一下

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列表中的元素或组件的插入、移除和顺序改变添加动画效果……

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)、动态组件、组件根节点等情形中，可以给任何元素和组件添加进入/过渡效果……

有时候我们不需要组件被重新渲染影响使用体验，或者是出于性能考虑，避免多次重复渲染降低性能，我们就可以使用keep-alive，将组件缓存下来，维持当前的状态……

插槽就是子组件中提供给父组件使用的一个占位符，用<slot></slot>表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等，填充的内容会替换子组件中的<slot></slot>标签…….

1 2 3

衔蝉

一个普通的干饭人🍚

最新发布

公告

type

status

date

slug

summary

tags

category

icon

password

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

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

--- 免责声明 ---

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

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

--- 关于我 ---

我要如加菲猫一般地活着

一大碗杂碎面

就能换来一个艳阳天🌻