[Vuejs]-Feeding row data to ag-grid vue component

I found a way by using Veux. Here’s an example.

Appication.

let gridRows = {
  state: {
    rowData: []
  },
  mutations: {
    push(state, rows) {
      while( 0 < rows.length ){
        state.rowData.unshift(rows.pop());
      }
    },
  getters: {
    rowData: state => {
      let rows = state.rowData;
      return state.rowData;
    }
  }
};
let store = new Vuex.Store(gridRows);
let app01 = new Vue({
  el: '#app',
  store,
  render: h => h(DynamicComponentExample)
});

let rowData = [];
for (var i=0; i < 15; i++) {
  rowData.unshift({
    row: "Row " + i,
    value: i,
    currency: i + Number(Math.random().toFixed(2))
  });
}

store.commit('push', rowData);

Component (modification to DynamicComponentExample.vue)

  data () {
    return {
      gridOptions: null,
      columnDefs: null
      //rowData: null
    }
  },
  computed: {
    rowData(){
      return this.$store.getters['rowData'];
    }
  },
  beforeMount() {
    ...
    //this.createRowData();
    this.initColumnDefs();
  },