我个人觉得vue中的封装函数和jquery很像;
首先创建一个脚本在里面声明自己写的函数(比如封装一个保存localstorage的get,set,remove方法):
//封装操作localstorage本地存储的方法 模块化的文件
var storage={
set(key,value){
localStorage.setItem(key,JSON.stringify(value));
},
get(key){
return JSON.parse(localStorage.getItem(key));
},
remove(key){
localStorage.removeItem(key);
}
}
完成之后再将这个函数暴漏出去
export default storage;
完成后我们就基本上把这个函数封装完成了,就可以在页面里面进行引用了
在<script>标签里面首行进行引入(注意:一定不要写在创建实例里面,一定要在上面进行引用)
引用时通过import进行引入,
import 自定义名字 form '路径'
这就行了,就可以在页面内通过我们自定义的名字进行get,set,remove方法的调用了;
如果有不对请留言。。。