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 = {}