@hasaki-ui/hsk-jinx

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

Stats

StarsIssuesVersionUpdatedCreatedSize
@hasaki-ui/hsk-jinx
1.0.614 years ago4 years agoMinified + gzip package size for @hasaki-ui/hsk-jinx in KB

Readme

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目录下

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.