vue2.0 解决抽取公用js的问题
作者:晓果博客 发布时间:2024-05-28 15:59:28
标签: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");
运行结果:
来源:https://blog.csdn.net/huangxiaoguo1/article/details/80198537


猜你喜欢
- 我就废话不多说了,大家还是直接看代码吧~# 导入pptx包from pptx import Presentationprs = Presen
- 为了获取视频,应该创建一个 VideoCapture 对象。他的参数可以是设备的索引号,或者是一个视频文件。设备索引号就是在指定要使用的摄像
- 这是借鉴了一位兄弟的代码,然后进行修改的,原来代码存在问题,用了2小时,自己修改,终于画出了滑稽脸,也算是对于今天学的turtle绘画库的一
- 首先介绍下简朝阳.现就职于阿里巴巴(中国)网络技术有限公司DBA Team运维部, 简朝阳是本次MYSQL技术征文大赛第三名得主(获奖文章:
- 还是一个关于checkbox的一个普通的效果,就是根据你勾选的checkbox,列出你选择了哪些值演示代码:<!DOCTYPE htm
- 概览因工作场景,需要在python代码里调用Jar包来实现一些功能,调研下来主要有两种方式:java -jar xx.jarJPype环境配
- 本文实例讲述了PHP实现的AES双向加密解密功能。分享给大家供大家参考,具体如下:<?php/* * Created on 2018-
- 装饰器对与Python新手以至于熟悉Python的人都是一个难理解, 难写的东西. 那么今天就分享一下我对Python 装饰器的理解所谓装饰
- 本文实例讲述了JavaScript求一组数的最小公倍数和最大公约数常用算法。分享给大家供大家参考,具体如下:方法来自求多个数最小公倍数的一种
- 创建函数时问题马上出现: ERROR 1418 (HY000): This routine has none of DETERMINISTI
- 闭包account=0def atm(num,flag): global account  
- 先说需求: 1、django 自带了admin后管,如果我们需要使用,只需把我们定义的models注册即可;2、但如果只是简单注册,那显示的
- 依赖库flask安装,使用豆瓣源加速。pip install flask -i https://pypi.douban.com/simple
- 两个跳转语法第一个参数是请求路径,第二个参数是http状态码。c.Redirect("/login",400) &nbs
- python 内置函数filterclass filter(object): """ filter(funct
- 本文实例讲述了Python随机生成彩票号码的方法。分享给大家供大家参考。具体如下:前些日子在淘宝上买了一阵子彩票,每次都是使用淘宝的机选,每
- 问题描述:很多网站会对用户发帖内容进行一定的检查,并自动把敏感词修改为特定的字符。技术要点:1)Python正则表达式模块re的sub()函
- 1 元组同一元组中元素的数据类型可以不同元组中只包含一个元素时,需要在元素后面添加逗号,否则圆括号会被当做运算符使用元组的创建:赋值命令=或
- 了解SQL Server 2005数据库的朋友可能都知道,tempdb系统数据库是一个全局资源,可供连接到SQL Server 2005实例
- 对于html中的一些元素注册事件的方式有多种 第一种: <script> function test() { alert(&qu