Skip to content

0.12.0-rc2

Pre-release
Pre-release
Compare
Choose a tag to compare
@yyx990803 yyx990803 released this 04 Jun 19:15
· 3591 commits to main since this release

New in 0.12.0-rc2

  • Support staggering transitions for v-repeat. demo

    Simply add a stagger attribute:

      <div v-repeat="list" v-transition="fade" stagger="100">

    Enter and leave stagger can be defined separately as enter-stagger and leave-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 with v-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 and leaveCancelled hooks to handle a cancelled transition. Functions returned in enter and leave hooks are no longer respected.

Fixed

#887, #892, #893