码迷,mamicode.com
首页 > Web开发 > 详细

vue中如何在本地导入js文件

时间:2020-02-10 09:33:20      阅读:446      评论:0      收藏:0      [点我收藏+]

标签:cin   ali   end   let   mamicode   exp   for   text   word   

import  {setStore,setUser,getStore,removeStore} from "../../../public/localstory"

 

在导入js文件时,推荐大家可以先看下ES6的有关内容

http://es6.ruanyifeng.com/#docs/module

技术图片

 

import  {setStore,setUser,getStore,removeStore} from "../../../public/localstory"
//其中 setStore,setUser,getStore,removeStore为js里面的方法

 js文件,里面是创建的一些方法:

function setStore(keyword,content){
		if(!keyword) return;
		localStorage.setItem(keyword,JSON.stringify(content));
	}
	//建立一个user对象
	function setUser(id,userName,accountNumber,password,weiCharNumber,url,inRecord,outRecord){
		
			let user={
				"id": id,
				"userName": userName,
				"accountNumber": accountNumber,
				"password": password,
				"weiCharNumber": weiCharNumber,
				"url": url,
				"inRecord": inRecord,
				// [{
				// 	"friendID": 0,
				// 	"record": []
				// }],
				"outRecord": outRecord
				// [{
				// 	"friendID": 0,
				// 	"record": []
				// }]
			}
			return user;
	}

	
	
	// 取出值的方法
	function getStore( keyword){
		if(!keyword) return;
		else return localStorage.setItem(keyword)
	}
	
	//删除键的方法
	function removeStore(keyword){
		if(!keyword) return;
		localStorage.removeItem(keyword);
	}
	
	export {
		setStore,
		setUser,
		getStore,
		removeStore
	}

  注意:必须将方法名写入export 中,否则import后找不见方法

  这个知识ES6里的一种,还有其他方法可以实现,可以查看ES6官网

  http://es6.ruanyifeng.com/#docs/module

 

 

vue中如何在本地导入js文件

标签:cin   ali   end   let   mamicode   exp   for   text   word   

原文地址:https://www.cnblogs.com/BLACKJT/p/12289822.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!