0.12.0-rc2
Pre-release
Pre-release
New in 0.12.0-rc2
-
Support staggering transitions for
v-repeat. demoSimply add a
staggerattribute:<div v-repeat="list" v-transition="fade" stagger="100">
Enter and leave stagger can be defined separately as
enter-staggerandleave-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-classcan 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-refis 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
enterCancelledandleaveCancelledhooks to handle a cancelled transition. Functions returned inenterandleavehooks are no longer respected.