当前位置: 首页 > 科技观察

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

时间:2023-03-13 23:21:44 科技观察

首先要了解export。在创建JavaScript模块时,export语句用于从模块中导出实时绑定的函数、对象或原始值,以便其他程序可以通过import语句使用它们。导出的绑定值仍然可以在本地修改。使用import导入时,这些绑定值只能被import模块读取,但是如果在export导出模块中修改了这些绑定值,修改后的值也会实时更新。在文件夹A新建一个JS文件,命名为a.js,然后声明一个组件b,命名为b.vue。1.在a.js文件中写入如下内容:etdateFormat={date(fmt,date){date=newDate()letret;constopt={"Y+":date.getFullYear().toString(),//year"m+":(date.getMonth()+1).toString(),//月"d+":date.getDate().toString(),//日"H+":date.getHours().toString(),//time"M+":date.getMinutes().toString(),//minute"S+":date.getSeconds().toString()//seconds//可以加其他格式化字符,必须转换成一个字符串};for(letkinopt){ret=newRegExp("("+k+")").exec(fmt);if(ret){fmt=fmt.replace(ret[1],(ret[1].length==1)?(opt[k]):(opt[k].padStart(ret[1].length,"0")))}}returnfmt;}}exportdefaultdateFormat;2.然后在b。在vue组件中,通过import引用组件,然后通过引用名和方法名获取相应的数据信息。源码示例:此时可以得到如下结果

猜你喜欢