js导出变量 vue_vue学习笔记4：ES6 import export用法完整介绍，export default ,大括号{}等用法介绍...

在ES6推出模块加载方案import，export之前，js模块主要采用CommonJS和AMD规范，其中sea.js和require.js比较出名。

在vue中，我们经常要用到import和export，有必要了解起用法，特整理如下

通过export导出变量或者函数，通过import引入

export实例，如a.jsexport const a=123

export function hello() {

console.log("hello")

}

需要引入的地方写法如下，必须要指明引入的变量或函数名，要与导出的一致import {a,hello} from "../utils/test/a"   //引入的变量或函数名，要与导出的一致

或

import {hello} from "../utils/test/a"   //只引入其中一个

console.log(a)

hello()

如果我们引入时写的名称，不想与导出一致，可以通过export default导出，每个js最多一个js

通过export default导出

export实例，如a.jsconst a='abc'

function hello() {

console.log("hello")

}

export default {a,hello}

引用，相当于把所有导出当成一个对象使用import test from "../utils/test/a"

console.log(test.a)

test.hello()