export default {} 和 new Vue() 的区别

一、export default

1.export default：相当于提供了一个接口给外部使用，其他文件通过 import 引入使用。

export default {
  name: 'List',
  data () {
    return {
      list: []
    }
  }
}

export default new VueRouter({
  routes: [
    {
      path: '/',
      component: () => import('../components/Navigator')
    }
  ]
})

2.在 ES6中，使用 export 或者 export default 来导出常量、函数、文件、模块等，你可以在其他文件或模块中，通过 import 的方式引入，但在一个文件或者模块中，export 和 import 可以有多个，export default 仅有一个。

二、new Vue() 

对于 new Vue()，只是创建了一个 Vue 的实例，就是相当于创建了一个根组件。

// main.js
import Vue from 'vue'
import App from './app'

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')