import require module.exports export....

布满荆棘的人生 2022-10-17 01:35 281阅读 0赞

import require module.exports export…

index.vue

  1. <script>
  2. import data from "./data";
  3. import {  arr, str, btn } from "./data";
  4. var res = require("./result");
  5. var res2 = require("./result2");
  6. var fun = require("./fn");
  8. export default { 
  9.   data() { 
  10.     return { };
  11.   },
  12.   mounted() { 
  13.     console.log(data); // (3) [1, 2, 3]
  14.     console.log(arr); //{a: 44}
  15.     console.log(str); // abc5678
  16.     console.log(btn(888)); // 方法执行的结果888
  17.     console.log("------------------");
  18.     console.log(res); // {zao: "早", zhong: "中", wan: "晚"}
  19.     console.log("res.zao", res.zao); // 早
  21.     res2(168); // resFn1 168
  23.     console.log("------------------");
  24.     fun.fn1test(666); // fn1: 666
  25.     fun.fn2test(888); // fn2: 888
  27.     console.log(fun.fn3test(1)); // 1000
  29.   },
  30. };
  31. </script>

data.js

  1. let list = [1, 2, 3];
  2. let arr = {  a: 44 };
  3. let str = 'abc5678'
  5. export default list
  6. export {  arr, str }
  7. export function btn(v) { 
  8.     return '方法执行的结果' + v
  9. }

fn.js

  1. var fn1 = function (v) { 
  2.     console.log('fn1:', v);
  3. }
  4. exports.fn1test = fn1;
  5. // 或者这样
  6. exports.fn2test = function (v) { 
  7.     console.log('fn2:', v);
  8. }
  9. exports.fn3test = function (v) { 
  10.     return 999 + v
  11. }

result.js

  1. let res = { 
  2.     'zao': '早', 'zhong': '中', 'wan': '晚'
  3. }
  4. module.exports = res;

result2.js

  1. module.exports = function (v = 0) { 
  2.     console.log('resFn1', v);
  3. }

发表评论

表情：
评论列表 （有 0 条评论，281人围观）

还没有评论，来说两句吧...

相关阅读