比如你想使用 <transition-group> 给列表加过渡动画,或想在被渲染元素是 时保持聚焦。在这些情况下,为每一个项目添加一个唯一的键值 (比如 :key="todo.id") 将会让 Vue 知道如何使行为更容易预测。 详解 假设你有一个待办事项列表: JavaScript data() { return { todos: [ { id: 1, text: 'Learn t...
这个页面代码非常的简单,添加了动画效果,设置了高度、宽度、背景等,并且设置组件内部滚动。 这里,默认的过渡动画效果,不是非常满意,可以在index.scss中,进行修改: /** ... */ /* router view transition fade-slide */ .fade-slide-leave-active, .fade-slide-enter-active { transition: all 0.4s } .fade...
vue-router-transition★69 - 页面过渡插件 vue-gesture★69 - VueJS的手势事件插件 vue-clip★67 - 简约的破解文件上传器 vue-electron★66 - 将选择的API封装到Vue对象中的插件 cleave★64 - 基于cleave.js的Cleave组件 vuemit★63 - 处理VueJS事件 ...
VueStar★270 - 带星星动画的vue点赞按钮 vue-data-tables★266 - VueJS2数据表格 vue-paginate★261 - 分页数据的简约VueJS插件 vue-ydui★247 - 基于Vue2的移动端和微信UI vue-mugen-scroll★239 - 无限滚动组件 vue-virtual-scroller★238 - 带任意数目数据的顺畅的滚动 ...
v-bind:transition-group:给一组元素添加过渡动画效果。 10、滚动事件指令: v-scroll:处理元素滚动时的事件。 11、自定义指令: v-directive:创建自定义指令,用于扩展 Vue 的功能。 v-if和v-show区别以及相关面试题? v-if和v-show是Vue中用于条件性显示元素的指令,它们有以下区别: 编译时机:v-if是惰性的,只...
vue-global-events – 使用 Vue 的事件修饰符处理全局事件(如快捷方式)的组件vue-edge-check – 检查浏览器边缘以防止滑动边缘时奇怪触发的过渡效果vue-routervue-mutation-observer – 一个使用 MutationObserver API 观察 DOM 变化的简单而微小的指令vue-scroll-show – 如果用户在滚动后到达元素,则显示该元素vue-...
动画-Vue- 一个Vue.js 2.x插件,可以轻松地将Animate.css动画用作过渡. 一样容易<animated-tada>! Vue,洛蒂- 一个Vue.js 2.x插件,用于渲染基于bodymovin的效果动画 Vueg-使vue-router具有转换效果/为webApp提供转场特效的开源Vue插件 V-动画,CSS- 最容易为Animate.css实现Vue 2指令 Vue-mixin的吐温- Mixin...
实用框架以及工具 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 Element-UI ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于
+ +// 动画 +@import '~@/assets/style/animate/vue-transition.scss'; + +// 在这里写公用的class +// 注意 这个文件里只写class +// mixin等内容请在 public.scss 里书写 + +// 文字相关 +.#{$prefix}-text-center { + text-align: center; +} + +// 浮动相关 +.#{$prefix}-fl { + ...
vodal★83 - 动画的vue模态 vue2-timepicker★78 - 下拉时间选择器 vue-datepicker★77 - 漂亮的Vue日期选择器组件 vue-toast-mobile★76 - VueJS的toast插件 vue-scrollbar★76 - 最简单的滚动区域组件 vue-img-inputer★72 - 基于Vue2的图片输入框 vue-float-label★70 - VueJS浮动标签模式 MagicMusic★...