欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue2.0 解決抽取公用js的問題

 更新時間：2020年07月31日 11:39:00   作者：曉果博客  
這篇文章主要介紹了vue2.0 解決抽取公用js的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

首先創(chuàng)建公用js

在static中創(chuàng)建js—>utils.js

utils.js內(nèi)容如下：

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 創(chuàng)建共通js 以及引用該js的共通方法

一個方法被多個js函數(shù)多次調(diào)用，為了減少代碼量以及方便后期維護(hù)，創(chuàng)建一個公用的js類。

commonUtil 共通類

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

其他js調(diào)用

首先引入該類

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

其次調(diào)用共通類里面的openLogin方法

commonUtil.openLogin("Hello VUE");

運行結(jié)果：

以上這篇vue2.0 解決抽取公用js的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論