npm第三方包

格式化时间(moment )

npm install moment --save

//格式化时间戳时间戳单位为秒时
import moment from 'moment';
let timeStr = moment.unix(1537527600).format('HH:mm:ss');
console.log('timeStr' );   //  19:00:00
//时间戳单位为毫秒时
import moment from 'moment';
let timeStr = moment(1537527600000).format('HH:mm:ss');
console.log('timeStr' );   //  19:00:00

vue3中取消了filter，直接使用函数过滤

    dataFormat(val) {
      return moment.unix(val).format('YYYY.MM.DD h:mm:ss')
    }

vue3使用

<p class="code_content">{{ dataFormat(data) }}</p>

vue2有filters可以进行全局注册单独写一个filters.js文件

filter.js文件

import moment from "moment";

// 会员优惠券格式化
export const formatGift = val => val + "元优惠券";
// 会员特权格式化
export const formatPrivilege = val => val + "折";
// 日期和格式化有时分秒
export const formatTime = val => moment(val).format("YYYY-MM-DD, h:mm:ss");
// 日期和格式化没有时分秒
export const formatTime2 = val => moment(val).format("YYYY-MM-DD");
// 性别格式化
export const formatGender = function(val) {
    if (val == 0) {
        return "女"
    }
    if (val == 1) {
        return "男"
    }
    if (val == 2) {
        return "保密"
    }
};

main.js文件

import * as filters from './utils/filters.js'

Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
})

使用

    <div>{{filterCount | formatGift }}</div>
     <div>{{filterCount | formatGift | formatPrivilege }}</div>//第一个的返回值作为第二个的参数

vue-clipboard：复制到剪切板使用

vue-clipboard：分为vue-clipboard2和vue-clipboard3

详细使用链接看npm vue-clipboard2链接 vue-clipboard3链接

Lodash

Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单