Vue Markup

You can also define your grid column definition decoratively if you would prefer.

You declare the grid as normal:

And within this component you can then define your column definitions:

In this example we're defining a grouped column with IT Skills having two child columns Skills and Proficiency

Not that anything other than a string value will need to be bound (i.e. :width="120") as Vue will default to providing values as Strings.

A full working example of defining a grid declaratively can be found in the Vue Playground Repo.