1.0.6 • Published 2 years ago

g-watcher v1.0.6

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

g-watcher

非常轻量级的集成js全局状态侦听管理及自定义事件发布订阅的工具库

Function

init-初始化方法

args

args说明类型默认值
obj需要侦听的对象objectundefined

return

Watcher的class实例

import watcher from 'g-watcher'
 // 初始化一个watcher实例,如下,watcher中的width和height属性将会被监听
const watcher = watcher.init({ width: 12, height: 24 })

$watch-注册侦听(实例方法)

args

args说明类型默认值
property需要侦听的对象中的属性anyundefined
callback回调函数,回调中的参数第一个为新值,第二个为旧值functionundefined

return

void

// 这里注册一个侦听
watcher.$watch('width', fun)
// 这里修改width
watcher.width = 24

$offWatch-取消侦听(实例方法)

args

args说明类型默认值
property需要取消侦听的对象中的属性anyundefined
callback回调函数,回调中的参数第一个为新值,第二个为旧值functionundefined

return

void

// 这里取消一个侦听
watcher.$offWatch('width', fun)

$on-订阅(实例方法)

args

args说明类型默认值
type自定义订阅事件类型stringundefined
callback回调函数,回调中的参数第一个为新值,第二个为旧值functionundefined

return

void

// 这里订阅一个事件
watcher.$on('myfun', (params) => {
   // 触发回调
    console.log(oldValue, newValue)
})

$emit-发布(实例方法)

args

args说明类型默认值
type自定义订阅事件类型stringundefined
params参数anyundefined

return

void

// 这里发布一个事件,那么订阅的回调函数将会被执行
watcher.$emit('myfun', 123)

$off-注销订阅(实例方法)

args

args说明类型默认值
type自定义订阅事件类型stringundefined

return

void

// 注销一个订阅事件
watcher.$off('myfun')
1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago