2 | Page | 衔蝉 Blog

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

Vue

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

Vue

组件传参

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

Vue

茶桌上放着刚剥好的甘蔗瓷瓶里也收拾出几株百合……

文字

随手记录一些代码题、面试题……

刷题

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

pinia

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

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

Vue

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

Vue

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

Vue

Teleport是Vue3的新特性之一。是一种能够将我们的模板渲染至指定的DOM节点上，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术，类似于react的Protal.…..

Vue

如果组件的使用频率特别高（例如 tabcle、input、button......）这些组件几乎每个页面都在使用的话，就可以封装成全局组件……

Vue

1 2 3 4

衔蝉

一个普通的干饭人🍚