wpm-wx

0.0.5 • Public • Published

WPM-WX

wpm 主要是适用于微信小程序的npm包 用于扩展微信小程序的原生this对象。
注:只扩展了Page和Component
想要扩展全局对象,可以直接用this 调用

安装

npm install wpm-wx --save
cnpm install wpm-wx --save

引用

import Wpm from 'wpm-wx'; const Wpm = require("wpm-wx").default;

示例

// 新建main.js
import Wpm from 'wpm-wx';
Wpm.prototype.xxx = xxx;
new Wpm();  // 新建Wpm 对象,最好在App({...}) 运行前执行

<!-- app.js -->
// app.js
import './main.js';
App({});

简介

实现use 和 mixins 方法

Wpm.use(xxx);

Page({
  mixins:[xxx],
})

Component({
  mixins:[xxx],
})

use说明

传入的对象 有一个install函数

{
    install(Wpm) {
      Wpm.prototype.xxx = xxx;
    }
}

mixins说明

使用方式和vue 的相同

版本

  • alpha v0.01

    内置实现mixins 函数, 与VUE的mixins使用方法相似, 例子 Page({mixins:[test]}) mixins 混入方法,实现了所有钩子函数的整合,即page 定义 onshow 混入 的test 文件中也有onshow 执行优先级,则是 先执行test 文件中的onshow 然后再执行page 定义的onshow 局部混入,假设全局混入一个onshow 执行结果是 全局=>局部=>page 普通函数则不支持整合,覆盖优先级,是 page=>局部=>全局

    wp 对象先开放两个方法 use => wp.use(data) 执行data 里的install 方法,install 参数wo对象,在install 方法里面可以全局混入,或者将对象挂载在wp.prototype 上,最后实现挂载在Page和Component实例中 mixins=>wp.mixins(data) data 是个对象,{test(){console.log('test')}}

  • alpha v0.0.2

    1.用ts重写封装逻辑 2.重新设计封装架构,(独立各个模块,以任务中心的形式去设计,所有模块直接只依赖center , 不再依赖具体模块); 3.mixins 的实现优化

  • alpha v0.0.3

    1.修复bug data 对象没有合并成功 2.修复bug 钩子函数未能正确保存调用 3.修复bug 钩子函数的参数未能正确传递,apply 方法使用有误

  • alpha v0.0.4

    1.新增npm关键词

  • alpha v0.0.5

    1.项目关联github

Package Sidebar

Install

npm i wpm-wx

Weekly Downloads

0

Version

0.0.5

License

MIT

Unpacked Size

31.5 kB

Total Files

21

Last publish

Collaborators

  • lnfhzt