首页 >> js开发 >> JavaScriptvue2.0 解决抽取公用js的问题
JavaScriptvue2.0 解决抽取公用js的问题
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
首先创建公用js首先创建公用js在static中创建js—>utils.jsutils.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) + " 秒 ";
}
}
}
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);
// 引入公用js
import utils from '../static/js/utils.js'
Vue.use(utils); 在需要的地方使用
endline = this.formatDuring(currentTime);
endline = this.formatDuring(currentTime);ok!补充知识:VUE 创建共通js 以及引用该js的共通方法补充知识:补充知识:VUE 创建共通js 以及引用该js的共通方法一个方法被多个js函数多次调用,为了减少代码量以及方便后期维护,创建一个公用的js类。commonUtil 共通类
// 共通类
let commonUtil = {
};
commonUtil.openLogin = function (terminal) {
console.log("i am is js mathod;" + terminal);
};
export default 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";
import commonUtil from "../../../src/utils/commonUtil";其次调用共通类里面的openLogin方法
commonUtil.openLogin("Hello VUE");
commonUtil.openLogin("Hello VUE");运行结果:以上这篇vue2.0 解决抽取公用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) + " 秒 ";
}
}
}
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);
// 引入公用js
import utils from '../static/js/utils.js'
Vue.use(utils); 在需要的地方使用
endline = this.formatDuring(currentTime);
endline = this.formatDuring(currentTime);ok!补充知识:VUE 创建共通js 以及引用该js的共通方法补充知识:补充知识:VUE 创建共通js 以及引用该js的共通方法一个方法被多个js函数多次调用,为了减少代码量以及方便后期维护,创建一个公用的js类。commonUtil 共通类
// 共通类
let commonUtil = {
};
commonUtil.openLogin = function (terminal) {
console.log("i am is js mathod;" + terminal);
};
export default 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";
import commonUtil from "../../../src/utils/commonUtil";其次调用共通类里面的openLogin方法
commonUtil.openLogin("Hello VUE");
commonUtil.openLogin("Hello VUE");运行结果:以上这篇vue2.0 解决抽取公用js的问题就是小编分享给大家的全部内容了,希望能给大家一个参考。
相关文章:
- js解决Vue中使用keepAlive不缓存问题js大全
- jsVue打包部署到Nginx时,css样式不生效的解决方式js大全
- js浅谈vue中get请求解决传输数据是数组格式的问题js大全
- jselementui更改el-dialog关闭按钮的图标d的示例代码js大全
- js解决vue+elementui项目打包后样式变化问题js大全
- js详解JS深拷贝与浅拷贝js大全
- jsvue-quill-editor 自定义工具栏和自定义图片上传路径操作js大全
- js浅谈在vue-cli3项目中解决动态引入图片img404的问题js大全
- js代码简介JavaScript错误处理机制
- jsVUE使用axios调用后台API接口的方法js大全