vue 2.0 공용 js 추출 문제 해결

우선 공용 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");
실행 결과:

이상 의 vue 2.0 은 공용 js 를 추출 하 는 문 제 를 해결 하 는 것 이 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 여러분 들 이 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.