vue的mixins混入合并规则

2019-12-06 13:26:30

参考地址 vue的mixins混入功能

混入minxins:分发vue组件中可复用功能的灵活方式。混入对象可以包含任意组件选项。组件使用混入对象时,所有混入对象的选项将混入该组件本身的选项。

选项合并:组件选项和对象选项同名时,将以恰当方式混合。

数据对象:和组件数据冲突时以组件数据优先

同名钩子函数:混合为一个数组,都将被调用,混入对象钩子先调用。

值为对象选项:methods,components,将被混合为同一个对象,两对象键名冲突时,取组件对象的键值对。



混入方式:全局混入,组件混入。 


/**

 * 组件混入封装

 * 实现功能:滚动到指定图表顶部位置

 * @param id 视图id

 * @param topSpace 加载更多组件距离顶部距离

 */

export default {

    methods: {

        scrollToView(id, topSpace) {

            let dom = document.getElementById(id)

            if (dom === null || typeof (dom) === 'undefined') {

                return

            }

            let nodeTop = dom.offsetTop

            let page = document.getElementsByClassName('page-loadmore-wrapper')[0]

            page.scrollTop = nodeTop - topSpace

        }

    }

}



  • 2019-09-28 08:00:30

    Java.io.tmpdir介绍

    System.getproperty(“java.io.tmpdir”)是获取操作系统缓存的临时目录,不同操作系统的缓存临时目录不一样,

  • 2019-09-28 08:36:43

    Ehcache配置持久化到硬盘,只存储到硬盘

    Ehcache默认配置的话 为了提高效率,所以有一部分缓存是在内存中,然后达到配置的内存对象总量,则才根据策略持久化到硬盘中,这里是有一个问题的,假如系统突然中断运行 那内存中的那些缓存,直接被释放掉了,不能持久化到硬盘;这种数据丢失,对于一般项目是不会有影响的,但是对于我们的爬虫系统,我们是用来判断重复Url的,所以数据不能丢失;

  • 2019-09-28 09:33:18

    put与putIfAbsent区别

    put在放入数据时,如果放入数据的key已经存在与Map中,最后放入的数据会覆盖之前存在的数据, 而putIfAbsent在放入数据时,如果存在重复的key,那么putIfAbsent不会放入值。

  • 2019-09-29 10:28:04

    程序员实用工具网站

    程序员开发需要具备良好的信息检索能力,为了备忘(收藏夹真是满了),将开发过程中常用的网站进行整理。