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

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

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

时间: 2024-08-28 10:53:16

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

iOS 项目导入js文件

一.iOS项目中导入js文件 一般情况下把js文件添加到项目中通常会直接copy到项目中(拖拽),这里的js文件可能只有一个层级(一个文件夹包含所有的js文件),也有可能分很多文件夹,将js文件导入项目的时候可以直接拖拽到项目中文件夹,项目会提示文件copy,如下图1-1所示.这里需要选择Create folder references 这样文件夹显示蓝色,如图1-2所示.如果选择Create groups创建,在项目运行的时候编译js文件,如果js文件只在同一个文件夹内运行是成功的,但是如果是

页面中引入带中文的JS文件乱码问题

1. WebConfig: ? 1 <globalization requestEncoding="gb2312" responseEncoding="gb2312" fileEncoding="gb2312"/> 2.<META http-equiv="content-type" content="text/html; charset=gb2312"> 3.<script t

向MyEclipse的项目中导入js文件时,出现小红叉

这个问题困扰我很久.刚开始时,也没有解决,因此也在网上寻找解决方法,还是没能解决.最近做项目时再一次出现了这样的问题,于是决定还是再找找办法.在此,分享一下自己的解决方法,给正处于痛苦中的童鞋们带来解药.具体方法如下: 首先右击js文件->MyEclipse->Exclude from Validation.(其实此时小红叉就已经消失了) 然后再右击js文件->MyEclipse->run Validation. Ok.希望给小伙伴们能带来一些帮助.

向MyEclipse中的web项目中导入js文件时,出现小红叉

这个问题困扰我很久.刚开始时,也没有重视,因此也没有在网上寻找解决方法.最近做项目时再一次出现了这样的问题,于是决定还是找找办法.在此,分享一下自己的解决方法,给正处于痛苦中的童鞋们带来解药.具体方法如下: 首先右击js文件->MyEclipse->Exclude from Validation.(其实此时小红叉就已经消失了) 然后再右击js文件->MyEclipse->run Validation. Ok,就这么easy.希望给小伙伴们能带来一些帮助.

Django使用本地css/js文件

在网上看了很多说Django如何使用本地css/js的文章, 但都不能用 今天终于找到一个可以用的, 记录下 在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 我的文件夹层级 然后很简单,只需在settings.py中进行设置就行, 在末尾添加以下代码 STATIC_URL = '/static/' HERE = os.path.dirname(os.path.abspath(__file__)) HERE = os.path.joi

myeclipse_导入js文件报错

myeclipse导入外部的js文件时.myeclipse自动报错.外部导入的官方js包应该是没有错的. 可以选中报错的js文件-->右键-->myeclipse-->exclude from  validation. 还报错的话就继续操作不过最后一步选择Run Validation eclipse下面Project Properties > JavaScript > Include Path > Source > 选中Exclude > 点击edit按钮

Cakephp中使用JavaScriptHelper来引入js文件

页面的head部分的内容在Cakephp中主要是有htmlhelper来进行控制的,而js部分则是由JavaScripthelper来进行控制的,在controller里面设置好:var $helpers = array(’Html’,'Javascript’);就可以在ctp文件中使用JavaScripthelper对象:$javascript了.具体见正文. 前提是js文件都放在了 webroot/js  目录下面了,下面是范例. 1.$javascript->link($JsName,0)

php ci框架中加载css和js文件失败的原因及解决方法

在将html页面整合到ci框架里面的时候,加载css和js失败.原因是ci框架是入口的框架 对框架中文件的所有请求都需要经过index.php处理完成,当加载外部的css和js文件的时候要使 用base_url()函数处理外部的链接. 在控制器中需要先载入url相关的类 public function test() { $this->load->helper('url'); $this->load->view('admin/test'); } 在test.php的view视图中.

在SharePoint解决方案中使用JavaScript (1) – 引用.js文件

本文是系列文章的第一篇. 在SharePoint解决方案中使用JavaScript (0) ? 作为在SharePoint应用程序中使用JavaScript的第一步,就是要知道如何将一个写好的.js文件,引用到页面上.嗯,你可能觉得这个话题太简单了,"引用一个.js文件不就是在页面上方加一个<script>标签吗?"但是我们要考虑的事情,可通常要比这复杂得多.比如,我们大部分的.js文件,可能都是需要放置在网站中的所有页面上的,修改网站里面的每一个.aspx显然不是好主意,