@hasaki-ui/hsk-jinx

    1.0.61 • Public • Published

    hsk-jinx

    作者:joyer,邮箱:972325584@qq.com,最后修改时间:2017年11月15日星期三

    作者是个菜逼,有什么错误,欢迎指正。

    基础vue组件,同时适用于pc和mobile

    使用

    依赖:

    npm i --save @hasaki-ui/hsk-jinx
    

    在项目的build-config中配置:

        ...
        libraryWrapper: [
            ...
            {
                name: '@hasaki-ui/hsk-jinx',
                wrapperDir: ['lib/component', 'lib/mixin'],
                targetDir: ['src/component/lib', 'src/mixin/lib'],
                prefix: ['jx'],
                suffix: [undefined, 'mx']
            },
            ...
        }],
    
        ....
    

    hsk-jinx采用es6编码,使用时需要编译,所以需要配置:

        ...
        builder:{
            babel:{
                include:[
                    'node_modules/_@hasaki-ui_hsk-jinx',
                    'node_modules/@hasaki-ui/hsk-jinx'
                ]
            }
        }
        ...
    

    如果已经配置编译所有的@hasaki-ui库,则不需要上面的编译配置

    组件

    请查看源码,在目录src/component

    混合

    base

    基础混合,建议在vue实例创建之前使用Vue.mixin将混合集成进去

    如果在组件中使用了该混合,并且data中设置了_pageTitle就会自动设置当前网页标题

    _$noop

    提供一个空函数

    _$isEmpty(value)

    判断目标是否为空

    其他请查看源码,在目录src/mixin

    _$findParent(componentName)

    查找指定componentName的祖先元素

    参数:

    • componentName:需要查找的祖先元素的componentName

    返回值:VNode实例

    _$findChildrenList(componentName)

    查找指定componentName的后台元素列表

    返回值:VNode实例数组

    _$setPageTitle(title = "易速点")

    设置标题

    _$nextTickMulti(muti, callback)

    在多次$nextTick后调用,比如$_nextTickMulti(5,cb)会在第五次$nextTick后调用改方法

    参数:

    • muti:等待$nextTick调用次数
    • callback

    _$commit(name, ...value)

    简写this.$store.commit,该函数只有在使用了vux后可使用

    _$watch

    封装了this.$watch,并保存它们的句柄,在组件销毁前unwatch

    _$merge(source,target)

    合并属性

    _$mergeDeep(source,target)

    合并属性,支持深度合并

    测试

    下载项目后,进入项目目录,执行:

    npm run test
    

    测试案例在test目录下

    Keywords

    none

    Install

    npm i @hasaki-ui/hsk-jinx

    DownloadsWeekly Downloads

    127

    Version

    1.0.61

    License

    MIT

    Last publish

    Collaborators

    • avatar
    • avatar