首先建立公用js

在static中建立js—>utils.js

utils.js內容如下：

export default {
 install(Vue,options) {
  Vue.prototype.formatDuring = function (mss) {
   var days = parseInt(mss / (1000 * 60 * 60 * 24));
   var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
   var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
   var seconds = (mss % (1000 * 60)) / 1000;
   return days + " 天 " + hours + " 小時 " + minutes + " 分 " + Math.round(seconds) + " 秒 ";
  }
 }

}

在main.js中引入，以便全域性使用

// 引入公用js
import utils from '../static/js/utils.js' 
Vue.use(utils); 

在需要的地方使用

endline = this.formatDuring(currentTime);

ok！

補充知識：VUE 建立共通js 以及引用該js的共通方法

一個方法被多個js函式多次呼叫，為了減少程式碼量以及方便後期維護，建立一個公用的js類。

commonUtil 共通類

// 共通類
let commonUtil = {
};
 
commonUtil.openLogin = function (terminal) {
  console.log("i am is js mathod;" + terminal);
};
 
export default commonUtil;

其他js呼叫

首先引入該類

import commonUtil from "../../../src/utils/commonUtil";

其次呼叫共通類裡面的openLogin方法

commonUtil.openLogin("Hello VUE");

執行結果：

以上這篇vue2.0 解決抽取公用js的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。