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引入导出使用:
本文来自博客园,作者:封兴旺,转载请注明原文链接:https://www.cnblogs.com/fxw1/p/14146323.html