vue导入,导出语法

es5下的导出:es6

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

es5下的导入:函数

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

 

es6下的导出:ui

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下的导入es5

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'
相关文章
相关标签/搜索