0.12.0-rc2
Pre-release
Pre-release
New in 0.12.0-rc2
-
Support staggering transitions for
v-repeat
. demoSimply add a
stagger
attribute:<div v-repeat="list" v-transition="fade" stagger="100">
Enter and leave stagger can be defined separately as
enter-stagger
andleave-stagger
. The stagger can also be dynamically calculated via a javascript hook:Vue.transition('fade', { stagger: function (index) { // increase delay by 50ms for each transitioned item, // but limit max delay to 300ms return Math.min(300, index * 50) } // or you can use `enterStagger` and `leaveStagger` })
-
Support expressions in content selectors. (resolved only once) e.g.
<content select="p:nth-child({{$index + 1}})"></content>`
-
v-class
can now accept an object value. The keys will be used as class names and toggled based on the truthy-ness of the value. -
Warnings in debug mode now prints the error stack instead of invoking the debugger statement.
Potentially breaking changes
- When
v-ref
is used together withv-repeat
, and the value being repeated on is an Object, the corresponding ref will also be an Object, with its keys pointing to the associated child instances. - Transition cancel hook: you can now use
enterCancelled
andleaveCancelled
hooks to handle a cancelled transition. Functions returned inenter
andleave
hooks are no longer respected.