Skip to content

v1.0-beta-6

Pre-release
Pre-release
Compare
Choose a tag to compare
@adrienbaron adrienbaron released this 18 Jan 09:09
· 343 commits to develop since this release

Vue GWT beta 6 is here 🎉!

It's packed with new features and bug fixes.

What's new

Compile time @Prop binding validation (See #21)

If you have a MyTodoComponent with a required @Prop todo, then the following will break at compile time:

<my-todo :todo="user"/>
<my-todo :todo="123"/>
<my-todo todo="someValue"/>
<my-todo/>

Vue.js Dev Mode

VueGWT.init() now injects Vue.js development runtime in GWT SuperDevMode.

This lets you use the Vue.js devtools for Chrome or Firefox with Vue GWT 🚀.

Open the your browser dev tools, reload your page and go to the Vue tab to see all your Components, edit their properties and more!

It's also possible to force development mode when not using SuperDevMode by adding: <set-property name="vuegwt.environment" value="development"/> to your app .gwt.xml. Beware that development version of Vue.js is not minified.

And more:

  • Support expressions in Range v-for. (See #22)
  • Throw an explicit error for empty bindings. (See #18)
  • Throw an explicit error if @PropValidator methods don't return a boolean. (See #20)
  • Upgrade to Vue.js 2.5.13
  • Upgrade to elemental2 RC1 and jsinterop-base RC1.

Bug fixes

  • Fix @Computed properties conflicting with injection. (Fixes #23)

Breaking changes

  • Type of range v-for loop variable must now be explicitly set.
    Replace v-for="i in 10" with v-for="int i in 10".

  • Renamed propertyName from various annotations to value. (See #20)
    You should now use @Watch("myProperty") instead of @Watch(propertyName = "myProperty").
    List of affected annotations: @Computed, @PropDefault, @PropValidator, @Watch.

  • Removed @Style annotation and vuegwt:import for style, as planed in beta-5.
    This is to make Vue GWT less dependent of GWT 2.x. Check here to see how to use CssResources in your templates.