export default {} 和new Vue()區別

1.export default 的用法：相當於提供一個接口給外界，讓其他文件通過 import 來引入使用。

而對於export default 和export的區別:

 在JavaScript ES6中，export與export default均可用於導出常量、函數、文件、模塊等，你可以在其它文件或模塊中通過 import+(常量 | 函數 | 文件 | 模塊)名的方式，將其導入，以便能夠對其進行使用，但在一個文件或模塊中，export、import可以有多個，export default僅有一個。 

 

//demo.js 聲明部分
export const str = 'hello world'

export function f(b){
    return b+1
}

//demo1.js 導出部分
import { str, f } from 'demo' //也可以分開寫兩次，導入的時候帶花括號

對於export default部分：

//demo.js
export default const str = 'hello world'

//demo1.js
import str from 'demo' //導入的時候沒有花括號

如果不使用export default ，使用如下指令也可以。

let是當前作用域下聲明變量

var是全局，外層可以調用

 

 

而對於 new Vue({})部分， 只是創建一個Vue的實例 就是相當於創建一個根組件