# vxe-utils

**Repository Path**: x-extends/vxe-utils

## Basic Information

- **Project Name**: vxe-utils
- **Description**:  用于 Vue 全局安装 xe-utils
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 15
- **Forks**: 3
- **Created**: 2019-06-05
- **Last Updated**: 2025-03-28

## Categories & Tags

**Categories**: vue-extensions

**Tags**: None

## README

# vxe-utils

[![gitee star](https://gitee.com/x-extends/vxe-utils/badge/star.svg?theme=dark)](https://gitee.com/x-extends/vxe-utils/stargazers)
[![npm version](https://img.shields.io/npm/v/vxe-utils.svg?style=flat-square)](https://www.npmjs.com/package/vxe-utils)
[![npm build](https://travis-ci.com/x-extends/vxe-utils.svg?branch=master)](https://travis-ci.com/x-extends/vxe-utils)
[![npm downloads](https://img.shields.io/npm/dm/vxe-utils.svg?style=flat-square)](http://npm-stat.com/charts.html?package=vxe-utils)
[![gzip size: JS](http://img.badgesize.io/https://unpkg.com/vxe-utils/dist/vxe-utils.umd.min.js?compression=gzip&label=gzip%20size:%20JS)](https://unpkg.com/vxe-utils/dist/vxe-utils.umd.min.js)
[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)

用于 Vue 全局安装 xe-utils

## Installing

```shell
npm install xe-utils vxe-utils
```

```HTML
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
<script src="https://cdn.jsdelivr.net/npm/vxe-utils"></script>
```

## Example

[Run this demo on jsfiddle.net](https://jsfiddle.net/tcf15qu4/)

```javascript
import Vue from 'vue'
import XEUtils from 'xe-utils'
import VXEUtils from 'vxe-utils'

Vue.use(VXEUtils, XEUtils, { mounts: ['cookie'] })
```

```html
<template>
  <h1>{{ userName }}</h1>
  <div>{{ $utils.toDateString(startDate, 'yyyy-dd-MM HH:mm:ss') }}</div>
  <div>{{ endDate }}</div>
</template>
```

```html
<script>
export default {
  data () {
    return {
      userName: null,
      startDate: new Date(),
      endDate: null
    }
  },
  created () {
    this.userName = this.$cookie('U_NAME')
    this.endDate = this.$utils.toDateString(new Date(), 'MM/dd/yyyy HH:mm:ss.SSS')
  }
}
</script>
```

## License

[MIT](LICENSE) © 2017-present, Xu Liangzhan