v-on
directive to attach event listeners:increment()
method is called.v-on
directive can be either the name of a method or an expression, so the above example could also be written as:v-on
and prefixing the attribute name with a @
, for example:v-model
directive to create a two-way binding between a data property and an input widget:text
property is automatically updated. When the text
property in changed by code, the input widget is also updated.v-model
directive is actually just a shorthand syntax for an attribute binding and event handling. The example could also be written as:v-model
directive can be used with many different input widgets, including TextInput, TextArea, Combobox, ColorButton, Slider, Spinbox, Checkbox, RadioButtons and DropdownList. In case of a Checkbox, the value of the property is either true
or false
. In case of RadioButtons and DropdownList, the value is the index of the selected radio button or item.