The component supports all properties and events of the pure JavaScript wijmo.grid.grouppanel.GroupPanel control it represents.

The component includes an initialized event that is raised when the control is initialized after it is added to the page. You can use this event to perform further initialization in addition to setting properties in markup. The signature of the handler function is the same as any other Wijmo event handlers.

The example below shows how to instantiate and connect a wijmo.grid.grouppanel.GroupPanel and a wijmo.grid.FlexGrid in Vue:

<wj-group-panel
  id="thePanel"
  placeholder="Drag columns here to create Groups">
</wj-group-panel>
<wj-flex-grid
  id="theGrid"
  :items-source="data">
</wj-flex-grid>

var app = new Vue({
  el: '#app',
  // connect group panel and grid
  mounted: function () {
    var panel = wijmo.Control.getControl(document.getElementById('thePanel'));
    var grid = wijmo.Control.getControl(document.getElementById('theGrid'));
    panel.grid = grid;
  }
});