Vue的模块化开发

常见的模块化规范

• CommonJS（node）
• ES6

export和 import

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"

这个*表示统一全部导入