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

1：使用export default

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

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导出选一套就好，最好不要混用了

详情见 ：

 

标签：ES6,vue,导出,title2,title1,xx,export,var
来源： https://www.cnblogs.com/fxw1/p/14146323.html