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

        }

    }

}



  • 2018-03-14 17:41:44

    MySQL的if,case语句使用总结

    Mysql的if既可以作为表达式用,也可在存储过程中作为流程控制语句使用,如下是做为表达式使用:

  • 2018-03-16 23:56:14

    layer-list -- layer-list的基本使用介绍

    简单理解,layer 是层,list 是列表,那么 layer-list 就是层列表的意思。但是,是什么层列表呢?? 其实 layer-list 是用来创建 LayerDrawable 的,LayerDrawable 是 DrawableResource 的一种, 所以,layer-list 创建出来的是 图层列表,也就是一个drawable 图形。

  • 2018-03-20 22:01:18

    Java如何进行Base64的编码(Encode)与解码(Decode)?

    Base64是一种能将任意Binary资料用64种字元组合成字串的方法,而这个Binary资料和字串资料彼此之间是可以互相转换的,十分方便。在实际应用上,Base64除了能将Binary资料可视化之外,也常用来表示字串加密过后的内容。如果要使用Java 程式语言来实作Base64的编码与解码功能,可以参考本篇文章的作法。

  • 2018-03-20 23:38:05

    PHP中json_encode与json_decode

    json_encode() 对变量进行JSON编码,json_decode() 对JSON数据进行解码,转换为PHP变量

  • 2018-03-21 22:26:03

    Android BASE64Encoder不能用的问题

    昨天项目与后台交互的接口传参数需要加密,用的是BASE64Encoder加密,可是这个类不能用,谷歌了一下说的是:

  • 2018-03-21 22:28:02

    Java加密算法 AES

    AES 算法 对称加密,密码学中的高级加密标准 2005年成为有效标准