Skip to content

v0.8.0 with Vue2
Compare
Choose a tag to compare
@rstoenescu rstoenescu released this 23 Oct 19:04
· 13783 commits to dev since this release
v0.8.0
c569360

Quasar is now powered by Vue 2.
Use CLI to generate a new project folder and port your app to Quasar v0.8.0 and Vue 2.

New

  • All form components (and not only) now support v-model instead of :model.sync. Please be careful with porting Radio components: they now support v-model and val (instead of value) prop.
  • Touch directives: v-swipe, v-pan, v-hold
  • Automatic coloring of mobile browser address bar (thanks to @vuchl )
  • New CSS animation classes: animate-pop, animate-scale, animate-fade

Changes

  • Removed vue-touch and Hammerjs as dependencies. Also Velocity UI Pack. Slimmer builds!
  • spin and blink CSS classes were renamed to animate-spin and animate-blink
  • ActionSheet.create() does not require also calling show() on it; "buttons" property was split into "actions" and "dismiss"
  • Dialog was completely redone. One of the important changes: you can mix form components now. Added Rating, Chips, Textareas, Numeric as possible form components you can use.
  • Modal is now only a component. No more global "Modal.create()"
  • Customizable Loading; it also fades in when it gets displayed now
  • Tabs have been completely redone due to Vue2 and they have lots of improvements.
  • New Datetime methods that can be used with a Vue reference (open(), close()).. check documentation
  • Numeric component now opens the numeric keyboard; removed "debounce" property (no longer needed due to a new button contained by the component)
  • Collapsibles' props and methods have changed
  • Floating action buttons have new properties and methods. Check documentation.
  • Infinite Scroll: removed "working" property as it is no longer needed.
  • Stepper: removed "redraw()" method (not needed anymore)
  • New transition component (<quasar-transition name="slide">) replacing transition="slide" attribute-value
  • Popover was completely redone with lots of new features!
  • Updates for Drawer (including <quasar-drawer-link> component!)
  • Some internationalization work for Datetime
  • Events rebuilt around a Vue bus

Fixes

  • Various Range fixes
  • Utils.debounce() now works with functions receiving parameters
  • Error on Cookies.get() function #133

Removed

  • Temporarily, Grid component (not Grid CSS) has been removed. Will get reinstated in a few weeks.
  • Removed Utils.dom.childOf(). You can use native DOMElement.contains(node).
  • Removed v-attr directive (no longer needed)
  • Removed left-drawer-opener and right-drawer-opener CSS classes. Check Drawer to see updates
  • v-tooltip no longer supports "wrap" modifier. You can however wrap that element yourself.

Regards to @kristianmandrup for his help on this Vue 2 port.

Assets 2
Loading