1. vue export

介紹：

• export 語句用於從模組中匯出函式、物件或原始值，以便其他程式可以通過 import 語句使用它們。
• 無論您是否宣告，匯出的模組都處於嚴格模式。 export語句不能用在嵌入式指令碼中。

export 可以匯出多個命名模組：

//demo1.js
export const string = 'hello world'
export function fun(a){
     return a+1
}

對應的引入方式：必須加大括號{}

 //demo2.js
  import { string, fun } from 'demo1'

2. vue export default

介紹：

1）只能匯出一個預設模組，這個模組可以匿名：

//demo1.js
export default {
    a: 'hello',
    b: 'world'      
}

對應的引入方式：引入的時候可以給這個模組取任意名字，例如 "obj"，且不需要用大括號括起來。

//demo2.js
import obj from 'demo1'

2）也可以匯出多個變數、方法、物件等，寫法：

// demo1.js
const PLAN_TYPE_KEY_CODE = "produce_plan_type";
// 生產計劃型別
const getPlanData = () => {
   
 
// TODO
}
// 獲取編碼規則下拉列表
const getCodeData = () => {
    // TODO
}

export default {
    PLAN_TYPE_KEY_CODE ,
    getPlanData ,
    getCodeData ,
}

對應引入方式：

// demo2.js 
import BasicDataAction from "./demo1.js";

// 使用
created() {
        BasicDataAction.getPlanData();
        BasicDataAction.getCodeData();
    },
 

Tips: