vue 抽离公共方法

方法一：
1、通过install 方法：
js文件编写抽离的方法：

const data = {install (Vue){Vue.prototype.timestampToTime = function (timestamp) { }Vue.prototype.fn2= function () {} //抽离多个公共方法}
}
export default data;

2、在main.js引入

//公共方法
import base from "./common/base";
Vue.use(base);

3、使用

在模板的methods方法使用：
this.timestampToTime(1612249038971)
在<template></template>中使用：
<template><div>{{timestampToTime(1612249038971)}}</div>
</template>

方法二：
1、js文件编写要抽离的方法：

 // 时间戳转化
export default{timestampToTime (timestamp) {let strDate;var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000var Y = date.getFullYear() + '-';var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes());strDate = Y + M + D + h + m;return strDate;}
}

2、main.js 引入

//公共方法
import base from "./common/base";Vue.prototype.base = base

3、使用

在模板的methods方法使用：
this.base.timestampToTime(1612249038971)
在中使用：

vue 抽离公共方法相关推荐

vue utils.js公共方法中axios请求返回数据
utils.js中 async getmaterialList() {try {const res = await axios.post('接口')return res.data.data} catc ...
ts引入公共方法_angular 封装公共方法
angular封装公共方法到service中间件,节省开发时间 layer.service.ts openAlert(callback) {// 传递回调函数 const dialogRef = th ...
vue 公用页面引用_关于vue全局引用公共的js和公共的组件的折腾
前沿最近在项目开发中遇到一些需要全局引用的公共js,或者公共组件,早就烦死了那种每个页面都写一遍,都引用一个js的写法,正好vue解决了这个额问题,于是乎就开始折腾,折腾的过程中也发现了一些自己之前 ...
vue+element 封装公共js代码
一.多个 js 方法,不想用 vue.prototype 二.使用Vue.prototype 封装公共 js 三.封装的方法较多,又想通过this.直接调用一.多个 js 方法,不想用 vue.pr ...
浅析 uniapp(Vue) 的接口封装方法
浅析 uniapp(Vue) 的接口封装方法本文将详细讲解封装思路,通过对接口请求进行封装,实现接口引入即用,减少了请求复杂的属性参数,更加关注数据与业务本身. config - 请求地址及相关参数 ...
uniapp挂载公共方法
挂载公共方法 common.js // 弹出窗口 const alert=function(title,icon="none"){uni.showToast({title:titl ...
JavaScript进阶(一)抽离公共函数
JS抽离公共函数问题在经历了"大量"的项目开发后,发觉越来越多的方法可以被抽离出来作为一个公共方法使用.那么,在js中该思想又该如何实现呢? 解答例如,以下方法用于实现将标准 ...
jquery 抽离公共页面
抽离公共页面 a页面 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...
织梦引用html,html直接引用vue和element-ui的方法
短视频,站群系统,自媒体,达人种草一站服务这篇文章主要介绍了html直接引用vue和element-ui的方法,本文通过实例代码给大家介绍的非常详细,采集软件,对大家的学习或工作具有一定的参考借鉴价 ...
仅需6步，教你轻易撕掉app开发框架的神秘面纱（6）：各种公共方法及工具类的封装
为什么要封装公共方法封装公共方法有2方面的原因: 一是功能方面的原因:有些方法很多地方都会用,而且它输入输出明确,并且跟业务逻辑无关.比如检查用户是否登录,检查某串数字是否为合法的手机号.像这种方法 ...

vue 抽离公共方法

vue 抽离公共方法相关推荐

最新文章

热门文章