Vue移动端开发注意事项 JS

Vue移动端开发注意事项

移动端开发因为各个方面的原因,在开发的过程中需要注意以下几点: 统一css样式 在不同的手机浏览器上默认的样式是不统一的,初始化样式做个统一,方便后续的开发。 解决方法,引入res...
阅读全文
Vue中的动画封装 JS

Vue中的动画封装

如果我们想多次使用某个动画效果,我们可以给它做一个封装,以达到复用的效果。 首先 我们把效果写在子组件的模板里: Vue.component('child',{         t...
阅读全文
Vue中的列表过渡 JS

Vue中的列表过渡

目前为止,关于过渡我们已经讲到: 单个节点 同一时间渲染多个节点中的一个 那么怎么同时渲染整个列表,比如使用 v-for ?在这种场景中,使用 <transition-gro...
阅读全文
Vue中多个元素或组件的过渡 JS

Vue中多个元素或组件的过渡

之前写过是一个元素的出场/离场过渡,那么如果是多个元素的过渡以及多个组件的过渡效果要怎么来写呢? 多个元素过渡 我们现在使用两个p标签,其中包含2段文字,来看一下他们的过渡效果: ...
阅读全文
Vue动画中的JS钩子 JS

Vue动画中的JS钩子

这些钩子可以在transition属性中声明就可以了,具体有哪些钩子呢? before-enter 在即将显示的时候触发,并且会接收一个el的参数,el参数为transition属...
阅读全文
Vue中同时使用动画和过渡 JS

Vue中同时使用动画和过渡

之前写的两篇介绍动画和过渡的文章,一篇说的是使用动画,一篇说的是使用过渡效果,本文写一下初始渲染的过渡效果以及同时使用动画和过渡的效果: 初始渲染的过渡 一般情况下,我们默认打开页...
阅读全文