Vue

by hraval24

HTML

<div id="app">
  <pre>{{ budget_blocks.length }}</pre>
  <pre>{{ budget_blocks | json }}</pre>
</div>

Vue

new Vue({
  el: "#app",
  data: {
  	budget_blocks : [
    			{
          			account_type : 'Operation',
                accounts : [
                    {
                      name : 'Land Lease',
                      months:
                          [
                              {'name':"january","value":0},
                              {'name':"feb","value":0},
                              {'name':"march","value":0},
                              {'name':"april","value":0},
                              {'name':"may","value":0},
                              {'name':"june","value":0},
                              {'name':"july","value":0},
                              {'name':"august","value":0},
                              {'name':"september","value":0},
                              {'name':"october","value":0},
                              {'name':"november","value":0},
                              {'name':"december","value":0},
                              {'name':"ytd","value":0}
                          ],                
                    },
                    {
                      name : 'Delivery Charge',
                      months:
                          [
                              {'name':"january","value":0},
                              {'name':"feb","value":0},
                              {'name':"march","value":0},
                              {'name':"april","value":0},
                              {'name':"may","value":0},
                              {'name':"june","value":0},
                              {'name':"july","value":0},
                              {'name':"august","value":0},
                              {'name':"september","value":0},
                              {'name':"october","value":0},
                              {'name':"november","value":0},
                              {'name':"december","value":0},
                              {'name':"ytd","value":0}
                        ...