vue导入,导出语法

es5下的导出:

1  //es5两种形式:
2      1、module.exports = fucntion add (){};
3      2、exprots.add =  fucntion (){};

es5下的导入:

1  //对象的导入
2      var add  = require('./add');

es6下的导出:

1  export default{//第一种方法
2         add(){}
3     }
4 
5 //第二种方法,相当于 将add方法当做一个属性挂在到exports对象
// 写法一
    export fucntion add(){}
    export fucntion substrict(){}
    export const PI=3.14  
// 写法二
    var m = 1;
    export {m};
// 写法三
   var firstName = 'Michael';
   var lastName = 'Jackson';
   var year = 1958;
   export {firstName, lastName, year};

es6下的导入

1 如果导出的是:export default{ add(){}}
2     那么可以通过  import obj from './add.js'
3 语法:import [任意变量名] from '方法的地址'
如果导出的是这种格式:export fucntion add(){} ,即没有default的修饰符
那么通过 import {add} from './add.js'导入

语法:import{对应的函数名称} from '导入函数它的地址'

同理,对象变量的导出也是要加大括号
 如果导出的是:
// 写法一
    export fucntion add(){}
    export fucntion substrict(){}
    export const PI=3.14  
// 写法二
    var m = 1;
    export {m};
// 写法三
   var firstName = 'Michael';
   var lastName = 'Jackson';
   var year = 1958;
   export {firstName, lastName, year};

那么可以通过按需加载 import {add,substrict,PI} from './calc.js'
原文地址:https://www.cnblogs.com/hmy-666/p/12920485.html