default property

by Simon Boddy

HTML

<div id="vueRoot">
<google-map :center="{latitude: 30, longitude: 40}"></google-map>
</div>

JavaScript

Vue.component('google-map', {
      template: `<div>{{center}}</div>`,
      props: {
        center: {
          type: Object,

          default : {                    
            latitude: 50,
            longitude: 50,
          },
        }
      }
    });
    vm = new Vue({el:"#vueRoot"})