equity-core v1.0.9

equity-core

equity-core基于Vue2，封装了和多惠H5基础能力，具体包括：和客户端通信能力、懒加载、登录、登出、数据请求、加载进度条等功能。

使用方式

1、引入库

npm install equity-core --save 或者
yarn add equity-core

2、初始化

在入口文件（即：main.js）中，

import Vue from "vue";
import EquityCore from "equity-core";

Vue.use(EquityCore, {router});

能力介绍

1、客户端能力

代码示例：

this.ability.login(); //调用客户端能力进行登录    

Props

Methods

2、懒加载

代码示例：

import { lazyLoad } from "equity-core";

//1、代码加载 const load = lazyLoad(views/test.vue); load(cmp=> {}, errMsg=>{alert(errMsg);});

//2、路由加载 const router = new VueRouter({ routes: { path: 'xxx', name: 'xxx', component: lazyLoad('xxx) } })

### 3、登录

<br>

> 代码示例：
```javascript
import { login } from "equity-core";

login().then(user=> {
    console.log('当前用户：', user);
});

4、登出

代码示例：

import { logout } from "equity-core";

logout();

### 5、数据请求

数据请求，封装了axios库。

<br>

> 代码示例：
```javascript
this.api.request({
    url: 'xxx',
    method: 'get',
    params: {}
}).then(res=> {
    console.log('请求返回内容：', res);
});

6、加载进度条

代码示例：

//显示进度条
this.$showLoading();

//隐藏进度条 this.$hideLoading();

### 7、路由加强

对 vue-router组件进行了加强，包括是否显示页面加载进度条、是否需要进行登录，如果需要登录，会检查用户是否已经登录，如果没有登录，跳转至登录界面进行登录对；如果已经登录，当前vue实例赋值user对象。

<br>

> 代码示例
```javascript
const router = new VueRouter({
    routes: [{
        path: 'xxx',
        name: 'xxx',
        meta: {
            title: '标题',
            permission: 'auth', //认证，包含auth(强制登录)、some(如果登录进入用户模式，如果没登录进入游客模块)、none(不需要登录)
            showLoading: true //是否显示页面加载进度条
        }
        component: lazyLoad('xxx)
    }]
})

8、vue加强

• 守卫加强

vue增加pageResume守卫，页面从隐藏状态进入到激活状态时，触发该守卫。

代码示例：

export default {
    name: 'Test',
    pageResume() {
        this.loadData();
    },
    methods: {
        loadData() {
            console.log('加载数据');
        }
    }
}

• 实例加强

vue实例增加如下属性和方法。

Props

Methods