Basics, such as interpolation and binding

Denna går att ändra från consolen:

{{appName}}

Denna går INTE att ändra från consolen:

{{appName}}

Via directive v-text:

v-html directive reads appName2 property:

Dvs samma sak som att skriva:

Growler

Binding to CSS Properties

Man kan skriva så här:

{{appName}}

Men det kan refaktoreras till:

eller så här:

If possible, rather bind to CSS Classes

Or:

or apply CSS if object/property:

Expressions

Set color depending on an expression