Vue 'export default' vs 'new Vue' : <p>I just installed Vue and have been following some tutorials to create a project using the vue-cli webpack template. When it creates the component, I notice it binds our data inside of the following:</p>

<pre><code>export default {
    name: 'app',
    data: []
}
</code></pre>

<p>Whereas in other tutorials I see data being bound from:</p>

<pre><code>new Vue({
    el: '#app',
    data: []
)}
</code></pre>

<p><strong>What is the difference, and why does it seem like the syntax between the two is different?</strong> I'm having trouble getting the 'new Vue' code to work from inside the  tag I'm using from the App.vue generated by the vue-cli.</p>
