Vue项目引用自定义外部js文件进行使用

首先你需要了解export，在创建JavaScript模块时，export 语句用于从模块中导出实时绑定的函数、对象或原始值，以便其他程序可以通过 import 语句使用它们。被导出的绑定值依然可以在本地进行修改。在使用import进行导入时，这些绑定值只能被导入模块所读取，但在export导出模块中对这些绑定值进行修改，所修改的值也会实时地更新。

创新互联专注于龙子湖企业网站建设,自适应网站建设,商城系统网站开发。龙子湖网站建设公司,为龙子湖等地区提供建站服务。全流程按需定制制作，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

在文件夹A中新建一个JS文件并命名为a.js，然后声明一个组件b并命名为b.vue。

1.在a.js文件中写下如下内容：

 
 
 
 

  
  
  
  
et dateFormat={ 
  
  
  
  
date(fmt, date) { 
  
  
  
  
date=new Date() 
  
  
  
  
let ret; 
  
  
  
  
const opt = { 
  
  
  
  
"Y+": date.getFullYear().toString(), // 年 
  
  
  
  
"m+": (date.getMonth() + 1).toString(), // 月 
  
  
  
  
"d+": date.getDate().toString(), // 日 
  
  
  
  
"H+": date.getHours().toString(), // 时 
  
  
  
  
"M+": date.getMinutes().toString(), // 分 
  
  
  
  
"S+": date.getSeconds().toString() // 秒 
  
  
  
  
// 有其他格式化字符需求可以继续添加，必须转化成字符串 
  
  
  
  
}; 
  
  
  
  
for (let k in opt) { 
  
  
  
  
ret = new RegExp("(" + k + ")").exec(fmt); 
  
  
  
  
if (ret) { 
  
  
  
  
fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0"))) 
  
  
  
  
} 
  
  
  
  
} 
  
  
  
  
return fmt; 
  
  
  
  
} 
  
  
  
  
} 
  
  
  
  
export default dateFormat; 
 
 
 
 

 2.、然后在b.vue组件中通过import引用组件然后通过引用名称加方法名获取对应数据信息。

源码示例：

 此时便可获取结果如下

新闻标题：Vue项目引用自定义外部js文件进行使用
浏览地址：http://www.csdahua.cn/qtweb/news40/288090.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网