Vue的模塊化開發

常見的模塊化規範

• CommonJS（node）
• ES6

export和 import

<script src="aaa.js" type="module"></script>

type=module

a.js

var flag=true
function sum(a,b){
  return a+b
}
if(flag){
  console.log('哈哈')
}
export{
  flag,
  sum
  //第二種導出方式：直接export var flag=true
  //export function sum(a,b){return a+b}
}

b.js

import {flag,sum} from "./a.js"
if(flag){
  console.log('盧本偉牛逼')
  console.log(sum(10,20))
}

export default

export default address='北京'

• 同一個模塊中，export default只能有一個
  導入時：import add from "./a.js"
  aa可以爲任何名字

export default function(){
    console.log('測試')
}

導入時:import myFunc from "./a.js"
myFunc可以爲任何名字

import * from "./a.js"

這個*表示統一全部導入