title: Dynamic content to v-expansion-panel-content
body: <p>I would like to load data each time I click on header, then show the data (when it is loaded) into the <strong>v-expansion-panel-content</strong>.</p>
  
  <p>It's not always working.
  If user open the accordion before data is loaded, it wont be updated once data comes from server.</p>
  
  <pre><code>let Projects = {
      template: `&lt;v-expansion-panel &gt;
        &lt;v-expansion-panel-content ripple v-for="project in filteredProjects " 
        :key="project.id" lazy&gt;&lt;div slot="header"
        @click="loadSpaces(project)"&gt;{{project.name}}&lt;/div&gt;
        &lt;v-card&gt;
        &lt;v-card-text class="grey lighten-3" &gt;
              &lt;v-btn flat block
              v-for="space in spaces" :key="space.id"
              @click="loadLayout(project)"&gt;{{space.id}}&lt;/v-btn&gt;
            &lt;/v-card-text&gt;
         &lt;/v-card&gt;
        &lt;/v-expansion-panel-content&gt;
      &lt;/v-expansion-panel&gt;`,
      components: {
          Spaces
      },
      props: {
          searchFilter: String
      },
      data: () =&gt; ({
          data: uniBuilderProjects.state,
      }),
      computed: {
          filteredProjects: function () {
              var self = this;
              return self.data.projects.filter(function (project) {
                  return project.name.toUpperCase().indexOf(self.searchFilter.toUpperCase()) !== -1;
              })
          },
          spaces: function () {
              return this.data.spaces;
              }
      },
      methods: {
          loadSpaces: function(project){
            uniBuilderProjects.loadSpaces(project.id);
          }
      },
      mounted: function () {
          // Load Projects
          uniBuilderProjects.loadProjects();
  
          this.$devices = this.$resource('https://jsonplaceholder.typicode.com/posts{/id}/comments');
  
  
  
      }
  };
  </code></pre>
  
  <p><a href="https://jsfiddle.net/yvbenitah/ag63f9fm/" rel="nofollow noreferrer">Fddle</a></p>