vue中导出（暴露）成员的方法（ES6提供）

（如在同一根目录里有test.js文件。）

1：使用export default

1.1 导出成员可以用：

export default { a: '北京' }

1.2 在其它文件里引入可以用：

import aa(自定义变量) from './test.js' 

// console.log(xx)  结果ok

//注意用这种方式导出成员只能导出一个，即你所有的数据都要放到此对象中

 

2：使用 export var xx = 'xx'

2.1 导出成员可以用：

export var title1 = '123'

export var title2 = '345'

2.2 在其它文件里引入可以用（结合1.1里的导出）：

import aa, { title1, title2 } from './test.js'

//console.log( title1 + title2 )  结果ok

//注意用这种方式导出成员可以导出多个，且可以和 export defaut导出成员混用。

2.3 export var xx = 'xx' 被引用时起别名：

但是在import里引用的名字和导出的变量名字要一致。如果你想要起别名也可以，需要用as属性 import aa, { title1 as title3, title2} form './test.js' 这样title1就变成了title3

// console.log( title3 + title2) 结果ok

 

3：扩展

node中引入成员可以用：var xx = require('./text')

在其它文件里导出可以用：exports.xx = function(){} 或 module.exports = {}

// node导出和es6导出选一套就好，最好不要混用了

详情见 ：https://www.cnblogs.com/fxw1/p/14088746.html

 

4：总结

vue引入导出使用： 

import a from '../components/a'   ||  import  '../components/a'

export default { a,b,c,d }   // 如果使用此方式导出方法要老实的写 function a(){}, 更新的写法容易出问题如 a = ()=>{ }

 

node引入导出使用:

var xx = require('./text')  ||  require('./text')

module.exports = {}