在.vue 文件中引入.js文件怎么调用

Posted 伟笑

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在.vue 文件中引入.js文件怎么调用相关的知识,希望对你有一定的参考价值。

1、.js:

export default{
  //时间戳转换为正常时间格式
  timeStampChange:function(time){
    let p = \'\';
    var date = new Date(time); // 获取时间戳
    let y = date.getFullYear();
    let MM = date.getMonth() + 1;
        MM = MM < 10 ? (\'0\' + MM) : MM;
    let d = date.getDate();
        d = d < 10 ? (\'0\' + d) : d;
    let h = date.getHours();
        h = h < 10 ? (\'0\' + h) : h;
    let m = date.getMinutes();
        m = m < 10 ? (\'0\' + m) : m;
    let s = date.getSeconds();
        s = s < 10 ? (\'0\' + s) : s;
    p = y + \'-\' + MM + \'-\' + d + \' \' + h + \':\' + m + \':\' + s;
    return p;
  }
}

2、.vue文件

import timeStampChanges from \'../../../assets/js/timeStampChange\';
 
this.recordInformation.map(function(item,index){
  item.time = timeStampChanges.timeStampChange(item.time);
})

即实现了将时间戳转换为正常时间格式的效果,其他页面需要转换可以直接调用。

1.可以通过import timeStampChanges from \'../../../assets/js/timeStampChange\'; 来导入该js文件,timeStampChanges为该文件的别名,通过别名.(方法/数据)来调用。

2.也可以直接import {timeStampChange} from \'../../../assets/js/timeStampChange\'; 来导入该js文件中的方法/数据,其中{}中的名字即为该js文件中的方法/数据。

 

转载自:https://www.cnblogs.com/5201314m/p/11962043.htmlhttps://blog.csdn.net/K_520_W/article/details/103547917

以上是关于在.vue 文件中引入.js文件怎么调用的主要内容,如果未能解决你的问题,请参考以下文章

JSP页面中怎么引入js文件

为啥我在head引入一个JS文件,怎么用不了

vue怎么导入自己写的js文件

javascript文件怎么引入js文件

vue引用public中的js文件

vue引入的js文件修改路由不能跳转