Vue Router@4:安装和使用

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

学习Vue3第二十五节:CSS的新特性

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

学习Vue3第二十四节:定义全局函数和变量

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

学习Vue3第二十三节:自定义指令directive

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

学习Vue3第二十一节:Mitt

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

学习Vue3第二十二节:组件v-model

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

学习Vue3第二十节:依赖注入Provide/Inject

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

学习Vue3第十九节:TransitionGroup过渡列表

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

学习Vue3第十八节:transition生命周期和appear

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" :离开过渡被打断……

学习Vue3第十七节:transition组件基础用法

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

学习Vue3第十六节:内置组件keep-alive

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

学习Vue3第十四节:插槽slot

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

衔蝉
衔蝉
一个普通的干饭人🍚
公告
type
status
date
slug
summary
tags
category
icon
password
欢迎来到衔蝉的博客小站✨
这里是我的个人学习、生活记录
--- 免责声明 ---
⚠️ 本站内容仅代表个人观点
⚠️ 本站内容仅供学习参考使用
--- 关于我 ---
我要如加菲猫一般地活着
一大碗杂碎面
就能换来一个艳阳天🌻