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

朴灿烈づ我的快乐病毒、 2023-02-20 03:23 6阅读 0赞

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

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

[http://es6.ruanyifeng.com/\#docs/module][http_es6.ruanyifeng.com_docs_module]

![format_png][]

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][http_es6.ruanyifeng.com_docs_module]

[http_es6.ruanyifeng.com_docs_module]: http://es6.ruanyifeng.com/#docs/module
[format_png]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2ktYmV0YS8xOTAyODIyLzIwMjAwMi8xOTAyODIyLTIwMjAwMjEwMDg1NDA3NzcwLTE2NzQzMzc0NzUucG5n?x-oss-process=image/format,png

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关怎样在vue中导入组件？

![cd37902a63f44b63a39f1f1f0a80d224.png][] 要在 Vue 中导入组件，有以下几个步骤： 1. 在你的 Vue 项目中创建一个新的组

àì夳堔傛蜴生んèń/ 2024年03月26日 19:09/ 0 赞/ 69 阅读

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

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

朴灿烈づ我的快乐病毒、/ 2023年02月20日 03:23/ 0 赞/ 7 阅读

相关 vue 打包之后如何运行本地文件

vue 打包之后如何运行本地文件 1. 需要安装http-server 通过npm install -g http-server 进行全局安装 2. 通

た入场券/ 2023年02月12日 14:22/ 0 赞/ 16 阅读

相关在Vue 项目中动态引入 .js 文件

静态引入js文件： <template> <div> </div> </template> <

Myth丶恋晨/ 2022年12月01日 15:57/ 0 赞/ 628 阅读

相关 vue中读取本地文件内容

其实就是使用 FileReader对象，h5提供的异步api，可以读取文件中的数据。 <input @change="uploadCode($event)" type

深碍√TFBOYSˉ_/ 2022年09月10日 07:17/ 0 赞/ 404 阅读

相关在sqlserver中如何导入.db数据库文件

.db是不能被导入的只有.mdf文件才能被导入 .db是paradox的文件形式,它可以在VB的VisData或Borland公司的BDE(Borla

青旅半醒/ 2022年07月24日 11:11/ 0 赞/ 787 阅读

相关如何在JS中判断文件大小

是这样的，我用上传组件上传文件，表单如下： <INPUT TYPE="FILE" SIZE="20" NAME="file1" class="inputtext">

秒速五厘米/ 2022年04月22日 14:58/ 0 赞/ 386 阅读

相关 vue.js 如何加载本地json文件

在项目开发的过程中，因为无法和后台的数据做交互，所以我们可以自建一个假数据文件(如data.json)到项目文件夹中，这样我们就可以模仿后台的数据进行开发。但是，如何在一个vu

╰+攻爆jí腚メ/ 2021年12月17日 08:45/ 0 赞/ 239 阅读

相关 js 导入文件读取本地json文件内容

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

﹏ヽ暗。殇╰゛Y/ 2021年11月11日 10:42/ 0 赞/ 877 阅读

相关如何在html中调用JS文件

一、JavaScript脚本语言的特性 JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性： 1、在客户端执行。完全在用户的计算机上运...

小灰灰/ 2021年01月27日 16:06/ 0 赞/ 836 阅读