export 与 import | ES6

简介: export 与 import | ES6

使用


需要根据返回字段的键名,显示对应的文本信息 .

  • 使用过滤器filters switch…case…进行筛选
  • 可是字段实在太多了,足足写了近800行,只是过滤的函数
    filterField.js文件


  • 使用export对外暴露


待过滤页面


<script type="module" defer>
    //导入js
    import * as fil from "./js/filterField.js";
    Vue.filter('text', function (value) {
        return fil.filter_(value)
    })
    //注意:本页面调用函数名为 "shedData"
    Vue.filter('shedData', function (value) {
        return fil.shedData(value)
    })
</script>


过滤使用直接调用



ES6相关参考


https://www.bookstack.cn/read/ES6-study-notes/README.md

http://caibaojian.com/es6/

相关文章
|
7月前
|
JavaScript 前端开发
ES6之Module:export、import
ES6之Module:export、import
|
7月前
|
JavaScript 前端开发
|
JavaScript 小程序 前端开发
详解module.exports与exports,export与export default,import 与require
详解module.exports与exports,export与export default,import 与require
68 0
|
Web App开发 Dart JavaScript
剖析require、import、export、exports、module.exports以及export default 的基本用法
剖析require、import、export、exports、module.exports以及export default 的基本用法
107 0
导出与导入(require,import,module.exports,exports,export,export default)
导出与导入(require,import,module.exports,exports,export,export default)
70 0
|
JavaScript C++
Module ‘“xx.vue“‘ has no default export.Vetur(1192)
Module ‘“xx.vue“‘ has no default export.Vetur(1192)
1642 0
|
JSON JavaScript 前端开发
Vue export & export default & import 总结
Vue export & export default & import 总结
234 0
|
JavaScript 小程序 前端开发
(区别、详解、使用)module.exports与exports,export与export default,import 与require
变量的导出涉及到四个关键字module.exports与exports,export与export default, 其中module.exports与exports是符合CommonJS模块规范的。
412 0
(区别、详解、使用)module.exports与exports,export与export default,import 与require
|
JavaScript
Vue export和export default的区别
Vue export和export default的区别
68 0
|
JavaScript
export ,export default 和 import 区别 以及用法
export ,export default 和 import 区别 以及用法