v1.0-beta-6
Pre-releaseVue 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.
Replacev-for="i in 10"
withv-for="int i in 10"
. -
Renamed
propertyName
from various annotations tovalue
. (See #20)
You should now use@Watch("myProperty")
instead of@Watch(propertyName = "myProperty")
.
List of affected annotations:@Computed
,@PropDefault
,@PropValidator
,@Watch
. -
Removed
@Style
annotation andvuegwt: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.