Vue之mixin全局的用法详解
编程学习 2021-07-04 16:46www.dzhlxh.cn编程入门
这篇文章主要介绍了Vue之mixin全局的用法详解,长沙网络推广觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随长沙网络推广过来看看吧
先贴上。
个人觉得全局mixin就是给全部Vue文件添加一些公用的实例（方法，过滤器and so on）
使用场景：货币单位，时间格式。这些如果在用到的页面使用的话代码会重复的很多，所以在全局混入这些实例会减少代码量，可维护性也比较高。
ex：
step1: 先定义mixin.js
const mixin = {
methods: {
/**
* 格式化时间
* @param {string|number|object|Array} dateTime - 时间，可以是一个字符串、时间戳、表示时间的对象、Date对象或者******表示时间的数组
* @param {string} [fmt] - 格式
* @returns {string} 返回格式化后的日期时间，默认格式：2018年1月11日 15:00
* @see [momentjs]{@tutorial http://momentjs.cn