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'