title: How to reference a Vue data property from another data property
body: <p>I'm learning Vue.JS and all my attempts to reference the <strong>dashboards</strong> property from the <strong>currentDashboard</strong> data expression result in 'dashboards is not defined'. Is Vue somehow evaluating the <strong>currentDashboard</strong> expression prior to <strong>dashboards</strong> or do I need some qualifier to reference it, this does not help?</p>
  
  <pre><code>vue = new Vue({
  el: '#dashboard',
  data: {
      dashboards: store.getDashboards(),
      currentDashboard: dashboards[0],
  }
  </code></pre>
  
  <p>})</p>