ES6 模块化 在vue中封装JS函数，并引入使用 以及as用法

测试

test.js  封装localStorage

var storage ={

    set(key,value){

        localStorage.setItem(key,value);

    },

    get(key){

        return  localStorage.getItem(key);

    },

    remove (key) {

        localStorage.removeItem(key);

    }

}

export default storage;

 

 

vue中引入   import storage from '../../static/JS/test'

使用： 

for(var i=0;i<localStorage.length;i++)

            {

                var obj=new Object();

                obj.key=localStorage.key(i);

                obj.value=localStorage.getItem(obj.key);

                console.log(localStorage.key(i));

                console.log(localStorage.getItem(localStorage.key(i)));

                this.ps.push(obj);

            }

 

/*-----export [test.js]-----*/
let myName = "Tom";
export { myName as exportName }
 

/*-----import [xxx.js]-----*/
import { exportName } from "./test.js";
console.log(exportName);// Tom
使用 as 重新定义导出的接口名称，隐藏模块内部的变量
/*-----export [test1.js]-----*/
let myName = "Tom";
export { myName }
/*-----export [test2.js]-----*/
let myName = "Jerry";
export { myName }
/*-----import [xxx.js]-----*/
import { myName as name1 } from "./test1.js";
import { myName as name2 } from "./test2.js";
console.log(name1);// Tom
console.log(name2);// Jerry