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的實例 就是至關於建立一個根組件