新建js文件中有自己編寫的方法和數據，在其他.vue文件中調用

比如在一個vue項目中，需要重復使用某個方法或是某個數據，可以將該方法/數據封裝在一個js文件中，然后在需要使用該方法/數據的.vue文件中直接導入該js文件，使用js文件中的方法/數據。

 

實現代碼：

使用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);
})

使用js文件中的數據：

1.js:

export const componentType = [
  {id: 1, name: '管理節點'},
  {id: 2, name: '對等計算節點'},
  {id: 3, name: '前置服務節點'},
  {id: 4, name: '服務交付節點'},
  {id: 5, name: '監督節點'},
  {id: 6, name: '上層賬本'},
]

2.vue文件：

import {componentType} from '@/assets/js/commonDatas';

components: componentType,

 

實現效果：

 

 即實現了將時間戳轉換為正常時間格式的效果，其他頁面需要轉換可以直接調用。

 

注意：

1.使用js文件中的方法：通過import timeStampChanges from '@/assets/js/timeStampChange'; 來導入該js文件，timeStampChanges為該文件的別名，通過別名.(方法)來調用。

2.使用js文件中的數據：通過import {timeStampChange} from '@/assets/js/timeStampChange'; 來導入該js文件，其中{}中的名字即為該js文件中的數據。