title: How to export multiple objects from a .vue file
body: <p>I'm using <code>typescript</code> with Vue. And for this specific use case, I'd like to export multiple items from my <code>.vue</code> file. Like this:</p>
  
  <p>// FooBar.vue</p>
  
  <pre><code>&lt;template&gt;
      ...
  &lt;/template&gt;
  
  export class Foo extends Vue {
      foo: string = "foo";
  }
  
  export const Bar = {bar: "bar"};
  </code></pre>
  
  <p>And then import them like this:</p>
  
  <p>// Baz.vue</p>
  
  <pre><code>import { Foo, Bar } from 'FooBar.vue';
  
  @Components({ components: { Foo }})
  ... // rest of the code
  </code></pre>
  
  <p><strong>Is there a way to export multiple objects from a <code>.vue</code> file in Vue?</strong></p>